<template>
    <div class="personal-info-index-b1">
        <a-spin :tip="tipText" :spinning="spinning">
            <div style="text-align: center;margin-top: 5px;">
                <h2 style="font-weight: 600;">审评专家个人档案</h2>
            </div>
            <a-tabs v-model:activeKey="activeKey" default-active-key="1" class="personal-info-tab-user" @change="tabsChange">
                <a-tab-pane key="1" tab="个人基本信息">
                    <div style="margin-top: 12px;">
                        <div class="personal-form-item-jbxx" style="padding: 12px;padding-top: 0;" >
                            <div style="width:100%;margin-right: 5px;">
                                <a-form-model
                                    class="personal-form-big-box"
                                    ref="ruleForm"
                                    :model="fromState"
                                    :rules="rulesJbxx"
                                    layout="inline"
                                >
                                    <a-descriptions bordered style="width: 100%;" :id="randomJbxxId1">
                                        <a-descriptions-item >
                                            <span slot="label" class="descriptions-label-slot">
                                                <span class="lgz-box-gk">
                                                    <span>姓</span>
                                                    <span>名</span>
                                                </span>
                                            </span>
                                            <a-form-model-item ref="name" prop="name">
                                                <a-input
                                                    v-model="fromState.realname"
                                                    placeholder="请输入姓名"
                                                    @blur="blurJbxxChange('realname',fromState.realname)"
                                                />
                                            </a-form-model-item>
                                        </a-descriptions-item>
                                        <a-descriptions-item >
                                            <span slot="label" class="descriptions-label-slot">
                                                <span class="lgz-box-gk">
                                                    <span>性</span>
                                                    <span>別</span>
                                                </span>
                                            </span>
                                            <a-form-model-item ref="name" prop="name">
                                                <compSelector
                                                    v-model="fromState.sex"
                                                    :defaultValue="fromState.sex"
                                                    compType="Select"
                                                    dictionaryType="性别"
                                                    :height="32"
                                                    @selectHandleChange="blurJbxxChange('sex',$event)"
                                                />
                                            </a-form-model-item>
                                        </a-descriptions-item>
                                        <a-descriptions-item >
                                            <span slot="label" class="descriptions-label-slot">
                                                <span class="lgz-box-gk">
                                                    <span>民</span>
                                                    <span>族</span>
                                                </span>
                                            </span>
                                            <a-form-model-item required prop="date2">
                                                <compSelector
                                                    v-model="fromState.fmz"
                                                    :defaultValue="fromState.fmz"
                                                    compType="Select"
                                                    :bigFontSize="true"
                                                    dictionaryType="民族"
                                                    :height="32"
                                                    @selectHandleChange="blurJbxxChange('fmz',$event)"
                                                />
                                            </a-form-model-item>
                                        </a-descriptions-item>
                                        <a-descriptions-item :span="2">
                                            <span slot="label" class="descriptions-label-slot">
                                                身份证号
                                            </span>
                                            <a-form-model-item required prop="date1">
                                                <span>{{ fromState.fsfzh }}</span>
                                            </a-form-model-item>
                                        </a-descriptions-item>
                                        <a-descriptions-item >
                                            <span slot="label" class="descriptions-label-slot">
                                                政治面貌
                                            </span>
                                            <a-form-model-item required prop="date3">
                                                <compSelector
                                                    v-model="fromState.fzzmm"
                                                    :defaultValue="fromState.fzzmm"
                                                    compType="Select"
                                                    :bigFontSize="true"
                                                    dictionaryType="政治面貌"
                                                    :height="32"
                                                    @selectHandleChange="blurJbxxChange('fzzmm',$event)"
                                                />
                                            </a-form-model-item>
                                        </a-descriptions-item>
                                        <a-descriptions-item>
                                            <span slot="label" class="descriptions-label-slot">
                                                手机号码
                                            </span>
                                            <a-form-model-item prop="delivery">
                                                <a-input
                                                    v-model="fromState.phone"
                                                    placeholder="请输入手机号码"
                                                    @blur="blurJbxxChange('phone',fromState.phone)"
                                                />
                                            </a-form-model-item>
                                        </a-descriptions-item>
                                        <a-descriptions-item>
                                            <span slot="label" class="descriptions-label-slot">
                                                电子邮箱
                                            </span>
                                            <a-form-model-item prop="delivery">
                                                <a-input
                                                    v-model="fromState.email"
                                                    placeholder="请输入手机号码"
                                                    @blur="blurJbxxChange('email',fromState.email)"
                                                />
                                            </a-form-model-item>
                                        </a-descriptions-item>
                                        <a-descriptions-item>
                                            <span slot="label" class="descriptions-label-slot">
                                                传真号码
                                            </span>
                                            <a-form-model-item prop="delivery">
                                                <a-input
                                                    v-model="fromState.fcz"
                                                    placeholder="请输入手机号码"
                                                    @blur="blurJbxxChange('fcz',fromState.fcz)"
                                                />
                                            </a-form-model-item>
                                        </a-descriptions-item>
                                        <a-descriptions-item :span="3">
                                            <span slot="label" class="descriptions-label-slot">
                                                办公电话
                                            </span>
                                            <a-form-model-item prop="delivery">
                                                <a-input
                                                    v-model="fromState.fdwdh"
                                                    placeholder="请输入办公电话"
                                                    @blur="blurJbxxChange('fdwdh',fromState.fdwdh)"
                                                />
                                            </a-form-model-item>
                                        </a-descriptions-item>
                                        <!-- 教育经历 -->
                                        <a-descriptions-item :span="6"></a-descriptions-item>
                                        <a-descriptions-item :span="2">
                                            <span slot="label" class="descriptions-label-slot">
                                                毕业院校
                                            </span>
                                            <a-form-model-item prop="delivery" class="zm-form-model">
                                                <div style="display: flex;align-items: center;">
                                                    <a-input
                                                    style="flex: 1;"
                                                    v-model="fromState.fbyyx"
                                                    placeholder="请输入毕业院校"
                                                    @blur="blurJbxxChange('fbyyx',fromState.fbyyx)"
                                                    />
                                                    <a-button class="blue-btn" style="margin-left: 5px;" type="primary" icon="puls" @click="addJyjl('fbyyx',
                                                    {fbyyx:fromState.fbyyx?fromState.fbyyx:'',fkssj:fromState.fjykssj?moment(fromState.fjykssj).format('YYYY-MM'):'',
                                                    fjssj:fromState.fjyjssj=='至今'?'至今':(fromState.fjyjssj?moment(fromState.fjyjssj).format('YYYY-MM'):''),fzy:fromState.fsxzy?fromState.fsxzy:'',
                                                    fxl:fromState.fxl?fromState.fxl:'',fxw:fromState.fxw?fromState.fxw:'',}
                                                    )">添加到教育经历</a-button>
                                                </div>

                                            </a-form-model-item>
                                        </a-descriptions-item>
                                        <a-descriptions-item>
                                            <span slot="label" class="descriptions-label-slot">
                                                所学专业
                                            </span>
                                            <a-form-model-item prop="delivery">
                                                <a-input
                                                    v-model="fromState.fsxzy"
                                                    placeholder="请输入所学专业"
                                                    @blur="blurJbxxChange('fsxzy',fromState.fsxzy)"
                                                />
                                            </a-form-model-item>
                                        </a-descriptions-item>
                                        <a-descriptions-item>
                                            <span slot="label" class="descriptions-label-slot">
                                                起止时间
                                            </span>
                                            <a-form-model-item prop="delivery">
                                                <a-month-picker placeholder="请选择开始时间" v-model="fromState.fjykssj" @change="blurJbxxChange('fjykssj',fromState.fjykssj,'YYYY-MM')"/>
                                                -
                                                <span v-if="fromState.fjyjssj == '至今'">至今</span>
                                                <a-month-picker v-else placeholder="请选择结束时间" v-model="fromState.fjyjssj" @change="blurJbxxChange('fjyjssj',fromState.fjyjssj,'YYYY-MM')" />
                                                <!-- 至今 -->
                                                <a-button size="small" class="blue-btn" type="primary" v-if="fromState.fjyjssj !== '至今'" @click="blurJbxxChange('fjyjssj','至今')">至今</a-button>
                                                <a-button size="small" class="blue-btn" type="primary" v-else @click="blurJbxxChange('fjyjssj','改成时间');">时间</a-button>
                                            </a-form-model-item>
                                        </a-descriptions-item>
                                        <a-descriptions-item>
                                            <span slot="label" class="descriptions-label-slot">
                                                <span class="lgz-box-gk">
                                                    <span>学</span>
                                                    <span>历</span>
                                                </span>
                                            </span>
                                            <a-form-model-item prop="delivery">
                                                <compSelector


                                                    v-model="fromState.fxl"
                                                    :defaultValue="fromState.fxl"
                                                    compType="Select"
                                                    :bigFontSize="true"
                                                    dictionaryType="学历代码"
                                                    :height="32"
                                                    @selectHandleChange="blurJbxxChange('fxl',$event)"
                                                />
                                            </a-form-model-item>
                                        </a-descriptions-item>
                                        <a-descriptions-item>
                                            <span slot="label" class="descriptions-label-slot">
                                                <!-- <span class="lgz-box-gk">
                                                    <span>学</span>
                                                    <span>位</span>
                                                </span> -->
                                                最高学位
                                            </span>
                                            <a-form-model-item prop="delivery">
                                                <compSelector


                                                    v-model="fromState.fxw"
                                                    :defaultValue="fromState.fxw"
                                                    compType="Select"
                                                    :bigFontSize="true"
                                                    dictionaryType="学位代码"
                                                    :height="32"
                                                    @selectHandleChange="blurJbxxChange('fxw',$event)"
                                                />
                                            </a-form-model-item>
                                        </a-descriptions-item>
                                        <a-descriptions-item :span="3">
                                            <span slot="label" class="descriptions-label-slot">
                                                担任硕博导师情况
                                            </span>
                                            <a-form-model-item prop="delivery" class="zm-form-model">
                                                <a-input
                                                    style="width: 100%;"
                                                    v-model="fromState.fyjsds"
                                                    placeholder="请输入担任硕博导师情况"
                                                    @blur="blurJbxxChange('fyjsds',fromState.fyjsds)"
                                                />
                                            </a-form-model-item>
                                        </a-descriptions-item>
                                        <!-- 工作经历 -->
                                        <a-descriptions-item :span="6"></a-descriptions-item>
                                        <a-descriptions-item :span="2">
                                            <span slot="label" class="descriptions-label-slot">
                                                工作单位
                                            </span>
                                            <a-form-model-item prop="delivery" class="zm-form-model">
                                                <a-input
                                                    style="width: 100%;"
                                                    v-model="fromState.fgzdw"
                                                    placeholder="请输入工作单位"
                                                    @blur="blurJbxxChange('fgzdw',fromState.fgzdw)"
                                                />
                                                <!-- <div style="display: flex;align-items: center;justify-content: space-between;">
                                                    <span>{{ fromState.fgzdw }}</span>
                                                    <div>
                                                        <a-button size="small" class="blue-btn" type="primary" @click="bggzdwclick">变更工作单位</a-button>
                                                    </div>
                                                </div> -->
                                            </a-form-model-item>
                                        </a-descriptions-item>
                                        <a-descriptions-item>
                                            <span slot="label" class="descriptions-label-slot">
                                                <span class="lgz-box-gk">
                                                    <span>部</span>
                                                    <span>门</span>
                                                </span>
                                            </span>
                                            <a-form-model-item prop="delivery">
                                                <a-input
                                                    v-model="fromState.fgzdwbm"
                                                    placeholder="请输入部门"
                                                    @blur="blurJbxxChange('fgzdwbm',fromState.fgzdwbm)"
                                                />
                                            </a-form-model-item>
                                        </a-descriptions-item>
                                        <a-descriptions-item :span="2">
                                            <span slot="label" class="descriptions-label-slot">
                                                工作单位地址
                                            </span>
                                            <a-form-model-item prop="delivery" class="zm-form-model">
                                                <a-textarea
                                                    style="width: 100%;margin-top: 5px;"
                                                    v-model:value="fromState.fgzdwdz"
                                                    :autosize="{ minRows: 1, maxRows: 10000 }"
                                                    @blur="blurJbxxChange('fgzdwdz',fromState.fgzdwdz)"
                                                    placeholder="请输入单位地址" />
                                            </a-form-model-item>
                                        </a-descriptions-item>
                                        <a-descriptions-item>
                                            <span slot="label" class="descriptions-label-slot">
                                                所在地市
                                            </span>
                                            <a-form-model-item prop="delivery">
                                                <a-input
                                                    style="width: 100%;"
                                                    v-model="fromState.fssqy"
                                                    placeholder="请输入所在地市"
                                                    @blur="blurJbxxChange('fssqy',fromState.fssqy)"
                                                />
                                                <!-- <compSelector

                                                    v-model="fromState.fssqy"
                                                    :defaultValue="fromState.fssqy"
                                                    compType="Select"
                                                    :bigFontSize="true"
                                                    dictionaryType="观察员所属地市"
                                                    :height="32"
                                                    @selectHandleChange="blurJbxxChange('fssqy',$event)"
                                                /> -->
                                            </a-form-model-item>
                                        </a-descriptions-item>
                                        <a-descriptions-item>
                                            <span slot="label" class="descriptions-label-slot">
                                                从事或分管工作
                                            </span>
                                            <a-form-model-item prop="delivery" class="zm-form-model">
                                                <a-textarea
                                                    style="width: 100%;margin-top: 5px;"
                                                    v-model:value="fromState.fcsgz"
                                                    :autosize="{ minRows: 1, maxRows: 10000 }"
                                                    @blur="blurJbxxChange('fcsgz',fromState.fcsgz)"
                                                    placeholder="请输入从事或分管工作" />
                                            </a-form-model-item>
                                        </a-descriptions-item>
                                        <a-descriptions-item>
                                            <span slot="label" class="descriptions-label-slot">
                                                <span class="lgz-box-gk">
                                                    <span>邮</span>
                                                    <span>编</span>
                                                </span>
                                                <!-- <span class="lgz-box-gk">
                                                    <span>职</span>
                                                    <span>务</span>
                                                </span> -->
                                            </span>
                                            <a-form-model-item prop="delivery">
                                                <!-- <a-input
                                                    v-model="fromState.fzw"
                                                    placeholder="请输入技术职称"
                                                    @blur="blurJbxxChange('fzw',fromState.fzw)"
                                                /> -->
                                                <a-input
                                                    v-model="fromState.fdwyx"
                                                    placeholder="请输入邮编"
                                                    @blur="blurJbxxChange('fdwyx',fromState.fdwyx)"
                                                />
                                            </a-form-model-item>
                                        </a-descriptions-item>
                                        <a-descriptions-item>
                                            <span slot="label" class="descriptions-label-slot">
                                                开始从事相关工作时间
                                            </span>
                                            <a-form-model-item prop="delivery">
                                                <a-month-picker
                                                    style="width: 100%;"
                                                    v-model:value="fromState.fcsjckssj"
                                                    placeholder="请选择开始从事相关工作时间"
                                                    @change="blurJbxxChange('fcsjckssj',fromState.fcsjckssj,'YYYY-MM')" />
                                            </a-form-model-item>
                                        </a-descriptions-item>
                                        <a-descriptions-item :span="2">
                                            <span slot="label" class="descriptions-label-slot">
                                                工作起止时间
                                            </span>
                                            <a-form-model-item prop="delivery">
                                                <a-month-picker placeholder="请选择开始时间" v-model="fromState.fgzkssj" @change="blurJbxxChange('fgzkssj',fromState.fgzkssj,'YYYY-MM-DD')"/>
                                                -
                                                <span >至今</span>
                                                <!-- <a-month-picker v-else placeholder="请选择结束时间" v-model="fromState.fgzjssj" @change="blurJbxxChange('fgzjssj',fromState.fgzjssj,'YYYY-MM-DD')" />
                                                <a-button size="small" class="blue-btn" type="primary" v-if="fromState.fgzjssj !== '至今'" @click="blurJbxxChange('fgzjssj','至今')">至今</a-button>
                                                <a-button size="small" class="blue-btn" type="primary" v-else @click="blurJbxxChange('fgzjssj','')">时间</a-button> -->
                                            </a-form-model-item>
                                        </a-descriptions-item>
                                        <a-descriptions-item>
                                            <span slot="label" class="descriptions-label-slot">
                                                是否药检所
                                            </span>
                                            <a-form-model-item prop="delivery">
                                                <a-radio-group
                                                    name="radioGroup5"
                                                    v-model="fromState.fsfyjsry"
                                                    @change="blurJbxxChange('fsfyjsry',fromState.fsfyjsry)">
                                                    <a-radio value="否">否</a-radio>
                                                    <a-radio value="是">是</a-radio>
                                                </a-radio-group>
                                            </a-form-model-item>
                                        </a-descriptions-item>
                                        <a-descriptions-item :span="2">
                                            <span slot="label" class="descriptions-label-slot">
                                                工作领域
                                            </span>
                                            <a-form-model-item prop="delivery" class="zm-form-model">
                                                <a-input
                                                    v-model="fromState.fgzly"
                                                    placeholder="请输入工作领域"
                                                    @blur="blurJbxxChange('fgzly',fromState.fgzly)"
                                                />
                                            </a-form-model-item>
                                        </a-descriptions-item>
                                        <a-descriptions-item >
                                            <span slot="label" class="descriptions-label-slot">
                                                业务特长
                                            </span>
                                            <a-form-model-item prop="delivery">
                                                <a-input
                                                    v-model="fromState.fywtc"
                                                    placeholder="请输入业务特长"
                                                    @blur="blurJbxxChange('fywtc',fromState.fywtc)"
                                                />
                                            </a-form-model-item>
                                        </a-descriptions-item>
                                        <a-descriptions-item :span="3">
                                            <span slot="label" class="descriptions-label-slot">
                                                单位类别
                                            </span>
                                            <a-form-model-item prop="delivery" class="zm-form-model">
                                                <a-input
                                                    v-model="fromState.fdwlx"
                                                    placeholder="请输入单位类别"
                                                    @blur="blurJbxxChange('fdwlx',fromState.fdwlx)"
                                                />
                                                <!-- <div style="width: 68%;padding: 4px 0;">
                                                    <compSelector
                                                        widthPercentile="100%"
                                                        v-model="fromState.fdwlx"
                                                        :defaultValue="fromState.fdwlx"
                                                        compType="Select"
                                                        :bigFontSize="true"
                                                        dictionaryType="单位类型"
                                                        :height="32"
                                                        @selectHandleChange="blurJbxxChange('fdwlx',$event)"
                                                    />
                                                </div> -->

                                            </a-form-model-item>
                                        </a-descriptions-item>
                                        <!-- 职称系列 -->
                                        <a-descriptions-item :span="6"></a-descriptions-item>
                                        <a-descriptions-item>
                                            <span slot="label" class="descriptions-label-slot">
                                                职称系列
                                            </span>
                                            <a-form-model-item prop="delivery">
                                                <a-input
                                                    style="width: calc(100% - 55px);" v-model:value="fromState.fzcxl" @blur="blurJbxxChange('fzcxl',fromState.fzcxl)"
                                                    placeholder="请输入职称系列" />
                                                <a-button style="margin-left: 5px;" class="blue-btn" type="primary" @click="titleSeriesClick">选择</a-button>
                                            </a-form-model-item>
                                        </a-descriptions-item>
                                        <a-descriptions-item>
                                            <span slot="label" class="descriptions-label-slot">
                                                专业技术资格
                                            </span>
                                            <a-form-model-item prop="delivery">
                                                <a-select
                                                    show-search
                                                    v-model:value="fromState.fzyjszg"
                                                    style="width: 200px"
                                                    :default-active-first-option="false"
                                                    :show-arrow="false"
                                                    :filter-option="false"
                                                    :not-found-content="null"
                                                    placeholder="请输入或选择专业技术资格"
                                                    @change="jszgselectEvent"
                                                    @blur="jszgselectblur"
                                                    @search="searchChange"
                                                >
                                                    <a-select-option v-for="d in jszgList" :key="d.title">
                                                    {{ d.title }}
                                                    </a-select-option>
                                                </a-select>
                                            </a-form-model-item>
                                        </a-descriptions-item>
                                        <a-descriptions-item>
                                            <span slot="label" class="descriptions-label-slot">
                                                技术职称
                                                <!-- <span class="lgz-box-gk">
                                                    <span>级</span>
                                                    <span>别</span>
                                                </span> -->
                                            </span>
                                            <a-form-model-item prop="delivery">
                                                <compSelector
                                                    v-model="fromState.fzc"
                                                    :defaultValue="fromState.fzc"
                                                    compType="Select"
                                                    :bigFontSize="true"
                                                    dictionaryType="技术职称"
                                                    :height="32"
                                                    @selectHandleChange="blurJbxxChange('fzc',$event)"
                                                />
                                            </a-form-model-item>
                                        </a-descriptions-item>
                                        <a-descriptions-item :span="3">
                                            <span slot="label" class="descriptions-label-slot">
                                                获得时间
                                            </span>
                                            <a-form-model-item prop="delivery">
                                                <a-date-picker
                                                    style="width: 100%;"
                                                    v-model:value="fromState.fzchqsj"
                                                    placeholder="请选择获得时间"
                                                    @change="blurJbxxChange('fzchqsj',fromState.fzchqsj,'YYYY-MM-DD')" />
                                            </a-form-model-item>
                                        </a-descriptions-item>
                                        <!-- 银行卡 -->
                                        <a-descriptions-item :span="6"></a-descriptions-item>
                                        <a-descriptions-item>
                                            <span slot="label" class="descriptions-label-slot">
                                                银行卡号
                                            </span>
                                            <a-form-model-item prop="delivery">
                                                <a-input-password
                                                autocomplete="off"
                                                placeholder="请输入银行卡号"
                                                v-model:value="fromState.fyhkh"
                                                :defaultValue="fromState.fyhkh"
                                                @blur="blurJbxxChange('fyhkh',fromState.fyhkh)"
                                                />
                                            </a-form-model-item>
                                        </a-descriptions-item>
                                        <a-descriptions-item>
                                            <span slot="label" class="descriptions-label-slot">
                                                <span class="lgz-box-gk">
                                                    <span>开</span>
                                                    <span>户</span>
                                                    <span>行</span>
                                                </span>
                                            </span>
                                            <a-form-model-item prop="delivery">
                                                <compSelector
                                                    v-model="fromState.fkfh"
                                                    :defaultValue="fromState.fkfh"
                                                    compType="Select"
                                                    dictionaryType="四大银行"
                                                    :height="32"
                                                    @selectHandleChange="blurJbxxChange('fkfh',$event)"
                                                />
                                            </a-form-model-item>
                                        </a-descriptions-item>
                                        <a-descriptions-item>
                                            <span slot="label" class="descriptions-label-slot">
                                                开户行所在地
                                            </span>
                                            <a-form-model-item prop="delivery">
                                                <a-textarea
                                                    style="width: 100%;margin-top: 5px;"
                                                    v-model:value="fromState.fkhhszd"
                                                    :autosize="{ minRows: 1, maxRows: 10000 }"
                                                    @blur="blurJbxxChange('fkhhszd',fromState.fkhhszd)"
                                                    placeholder="请输入开户行所在地" />
                                            </a-form-model-item>
                                        </a-descriptions-item>
                                        <!-- 公务卡 -->
                                        <a-descriptions-item>
                                            <span slot="label" class="descriptions-label-slot">
                                                公务卡号
                                            </span>
                                            <a-form-model-item prop="delivery">
                                                <a-input-password
                                                autocomplete="off"
                                                placeholder="请输入公务卡号"
                                                v-model:value="fromState.fgwkh"
                                                :defaultValue="fromState.fgwkh"
                                                @blur="blurJbxxChange('fgwkh',fromState.fgwkh)"
                                                />
                                            </a-form-model-item>
                                        </a-descriptions-item>
                                        <a-descriptions-item>
                                            <span slot="label" class="descriptions-label-slot">
                                                公务卡开户行
                                            </span>
                                            <a-form-model-item prop="delivery">
                                                <compSelector
                                                    v-model="fromState.fgwkkhh"
                                                    :defaultValue="fromState.fgwkkhh"
                                                    compType="Select"
                                                    dictionaryType="四大银行"
                                                    :height="32"
                                                    @selectHandleChange="blurJbxxChange('fgwkkhh',$event)"
                                                />
                                            </a-form-model-item>
                                        </a-descriptions-item>
                                        <a-descriptions-item>
                                            <span slot="label" class="descriptions-label-slot">
                                                公务卡所在地
                                            </span>
                                            <a-form-model-item prop="delivery">
                                                <a-textarea
                                                    style="width: 100%;margin-top: 5px;"
                                                    v-model:value="fromState.fgwkszd"
                                                    :autosize="{ minRows: 1, maxRows: 10000 }"
                                                    @blur="blurJbxxChange('fgwkszd',fromState.fgwkszd)"
                                                    placeholder="请输入公务卡所在地" />
                                            </a-form-model-item>
                                        </a-descriptions-item>
                                    </a-descriptions>
                                    <div style="color:#f5222d;border: 1px solid #e4e3e3;border-top: 0;padding: 5px;">
                                        <span style="font-size: 18px;">注意：</span>（1）目前只能对工、农、建、中四大银行中任意一家开户的银行卡号进行报账，若提供其他开户行卡号会影响财务报账进度。
                                        <br/>
                                        &ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;（2）请提供本人日转账额度较大的银行卡，最好是一类卡，以免出现限额，影响财务报账进度。
                                    </div>
                                </a-form-model>
                            </div>
                            <div class="zjz-dev-box" :style="{height:randomJbxxHeight?(randomJbxxHeight+'px'):'calc(100vh - 215px)'}">
                                <div style="color: #f5222d;">
                                    建议：一寸照（295px*413px）
                                    <br/>
                                    注：后缀为png、jpg、JPG和jpeg
                                </div>
                                <div v-if="formField.photoLink" style="width: 130px;height: 164px;overflow: hidden;display: flex;align-items: center;justify-content: center;">
                                    <img  style="height: 100%;" :src="formField.photoLink+'&aa='+Date.now()" alt='.'>
                                </div>
                                <div>
                                    <a-upload
                                        style="width: auto;"
                                        name="avatar"
                                        :show-upload-list="false"
                                        :before-upload="headBeforeUpload"
                                        @change="headHandleChange"
                                    >
                                        <a-button> <a-icon type="upload" /> 上传 </a-button>
                                    </a-upload>
                                </div>
                                <div style="margin-right: 10px;" >
                                    <img style="width: 100%;" v-if="formField.signLink" :src="formField.signLink+'&aa='+Date.now()" mode="scaleToFill"/>
                                </div>
                                <div style="display: flex;justify-content: space-between">
                                    <a-upload
                                        style="width: auto;"
                                        name="avatar"
                                        :show-upload-list="false"
                                        :before-upload="signBeforeUpload"
                                        @change="signHandleChange"
                                    >
                                        <a-button> <a-icon type="upload" /> 上传 </a-button>
                                    </a-upload>
                                    <a-button class="blue-btn" type="primary" style="margin: 0 5px;" @click="onlineSignatureClick()">在线签名</a-button>
                                    <a-button class="blue-btn" type="primary" @click="getSignPhotoLink()">刷新</a-button>
                                </div>

                            </div>
                        </div>
                    </div>

                    <!-- <div class="personal-info-content" style="background-color: #f0f2f5;">
                        <div :key="basicInformationKey" style="width: 100%;">
                            <div style="display: flex;width: 100%;" >
                                <div style="width: 20%;min-width: 300px;">
                                    <a-card title="个人信息" class="personal-info-b-card" style="height: 100%;" size="small">
                                        <a-form layout="inline" class="personal-info-form ben-personal-info" :form="form">
                                            <a-form-item label="真实姓名">
                                                <a-input placeholder="请输入真实姓名" v-model:value="fromState.realname"/>
                                            </a-form-item>
                                            <a-form-item label="性别">
                                                <compSelector

                                                    :width="182"
                                                    v-model="fromState.sex"
                                                    :defaultValue="fromState.sex"
                                                    compType="Select"
                                                    dictionaryType="性别"
                                                />
                                            </a-form-item>
                                            <a-form-item label="民族">
                                                <a-input placeholder="请输入民族" v-model:value="fromState.fmz"/>
                                            </a-form-item>
                                            <a-form-item label="政治面貌">
                                                <a-input placeholder="请输入政治面貌" v-model:value="fromState.fzzmm"/>
                                            </a-form-item>
                                            <a-form-item label="登录账号">
                                                <a-input disabled placeholder="请输入登录账号" v-model:value="fromState.username"/>
                                            </a-form-item>
                                            <a-form-item label="手机号码">
                                                <a-input
                                                disabled
                                                placeholder="请输入手机号码"
                                                v-model:value="fromState.phone"
                                                />
                                                v-decorator="['phone', { initialValue:fromState.phone, rules: rules.phone}]"
                                            </a-form-item>
                                            <a-form-item label="身份证号">
                                                <a-input style="width: 0;height: 0;border: 0;padding: 0;"/>
                                                <a-input-password style="width: 0;height: 0;border: 0;padding: 0;" :visibilityToggle="false"/>
                                                <a-input-password
                                                placeholder="请输入身份证号"
                                                v-model:value="fromState.fsfzh"
                                                v-decorator="['fsfzh', { initialValue:fromState.fsfzh, rules: rules.fsfzh}]"
                                                />
                                                <a-input
                                                    disabled
                                                    placeholder="请输入身份证号"
                                                    v-model:value="fromState.fsfzh"
                                                />
                                            </a-form-item>
                                            <a-form-item label="电子邮箱">
                                                <a-input placeholder="请输入电子邮箱" v-model:value="fromState.email"/>
                                            </a-form-item>
                                        </a-form>
                                        <div style="display: flex;">
                                            <div style="margin: 10px 0;margin-right: 15px;">
                                                <a-button
                                                    class="blue-btn"
                                                    type="primary"
                                                    @click="exportSignature"
                                                >
                                                    <a-icon type="download" />
                                                    导出个人签名
                                                </a-button>
                                            </div>
                                            <div style="margin: 10px 0;">
                                                <a-upload style="display: inline-block;" :showUploadList="false" :beforeUpload="beforeUpload" action="" @change="importSignature">
                                                    <a-button class="blue-btn" type="default"  icon="import">导入个人签名</a-button>
                                                </a-upload>
                                            </div>
                                            <div>

                                            </div>
                                            <a-button
                                                style="margin: 0 15px;"
                                                class="blue-btn"
                                                type="primary"
                                                @click="importSignature"
                                            >
                                                <a-icon type="import" />
                                                导入个人签名
                                            </a-button>
                                            <a-button
                                                v-if="editOrNot"
                                                style="margin: 10px 15px;"
                                                class="blue-btn"
                                                type="primary"
                                                @click="resetPassword"
                                            >
                                                重置密码
                                            </a-button>
                                            <a-button
                                                v-if="editOrNot"
                                                class="blue-btn"
                                                type="primary"
                                                @click="modifyAccount"
                                            >
                                                修改账号
                                            </a-button>
                                            <a-button
                                                v-if="editOrNot"
                                                style="margin: 10px 0;margin-left: 15px;"
                                                class="blue-btn"
                                                type="primary"
                                                @click="modifyDuty"
                                            >
                                                修改执勤状态
                                            </a-button>
                                        </div>
                                        <div style="display: flex;justify-content: center;">
                                            <a-button class="blue-btn" type="primary" @click="saveClick({
                                                realname:fromState.realname,sex:fromState.sex,
                                                fmz:fromState.fmz,fzzmm:fromState.fzzmm,
                                                email:fromState.email,fxl:fromState.fxl,fsxzy:fromState.fsxzy,
                                                fbyyx:fromState.fbyyx,fcsgz:fromState.fcsgz,
                                                fzw:fromState.fzw,fzc:fromState.fzc,
                                                fdwlx:fromState.fdwlx,fdwdh:fromState.fdwdh,
                                                fdwyx:fromState.fdwyx,fgzdw:fromState.fgzdw,
                                                fgzdwdz:fromState.fgzdwdz,fyhkh:fromState.fyhkh,
                                                fkhhszd:fromState.fkhhszd,fkfh:fromState.fkfh,
                                            })">保存</a-button>
                                        </div>
                                    </a-card>
                                </div>
                                <div style="flex: 1;margin-left: 10px;height: 100%;">
                                    <a-card title="教育信息" size="small">
                                        <a-form layout="inline" class="personal-info-form" :form="form">
                                            <a-form-item label="学历">
                                                <a-input placeholder="请输入学历" v-model:value="fromState.fxl"/>
                                            </a-form-item>
                                            <a-form-item label="所学专业">
                                                <a-input placeholder="请输入所学专业" v-model:value="fromState.fsxzy"/>
                                            </a-form-item>
                                            <a-form-item label="毕业院校" class="flex-w-er">
                                                <a-input placeholder="请输入毕业院校" v-model:value="fromState.fbyyx"/>
                                            </a-form-item>

                                        </a-form>
                                    </a-card>
                                    <a-card title="单位信息" size="small">
                                        <a-form layout="inline" class="personal-info-form" :form="form">
                                            <a-form-item label="从事工作">
                                                <a-input placeholder="请输入从事工作" v-model:value="fromState.fcsgz"/>
                                            </a-form-item>
                                            <a-form-item label="职务">
                                                <a-input placeholder="请输入职务" v-model:value="fromState.fzw"/>
                                            </a-form-item>
                                            <a-form-item label="职称">
                                                <compSelector

                                                    :width="182"
                                                    v-model="fromState.fzc"
                                                    :defaultValue="fromState.fzc"
                                                    compType="Select"
                                                    dictionaryType="职称"
                                                />
                                            </a-form-item>
                                            <a-form-item label="单位类型">
                                                <compSelector

                                                    :width="182"
                                                    v-model="fromState.fdwlx"
                                                    :defaultValue="fromState.fdwlx"
                                                    compType="Select"
                                                    dictionaryType="单位类型"
                                                />
                                            </a-form-item>
                                            <a-form-item label="单位电话">
                                                <a-input placeholder="请输入单位电话" v-model:value="fromState.fdwdh"/>
                                            </a-form-item>
                                            <a-form-item label="单位邮箱">
                                                <a-input placeholder="请输入单位邮箱" v-model:value="fromState.fdwyx"/>
                                            </a-form-item>
                                            <a-form-item label="工作单位" class="flex-w-er">
                                                <a-input
                                                placeholder="请输入工作单位"
                                                v-model:value="fromState.fgzdw"

                                                />
                                                v-decorator="['fgzdw', { initialValue:fromState.fgzdw, rules: rules.fgzdw}]"
                                            </a-form-item>
                                            <a-form-item>
                                                <a-button style="margin: 0 5px;" class="blue-btn" type="primary" @click="changeWorkUnit('新增',false)">变更工作单位</a-button>
                                                <a-button class="blue-btn" type="primary" @click="changeWorkUnit('记录',false)">变更工作单位记录</a-button>
                                            </a-form-item>
                                            <a-form-item label="工作单位地址" class="flex-w-er">
                                                <a-input placeholder="请输入工作单位地址" v-model:value="fromState.fgzdwdz"/>
                                            </a-form-item>
                                        </a-form>
                                    </a-card>
                                    <a-card title="报账信息" size="small">
                                        <a-form layout="inline" class="personal-info-form" :form="form">
                                            <a-form-item label="银行卡号" class="flex-w-er">
                                                <a-input-password autocomplete="off" placeholder="请输入银行卡号" v-model:value="fromState.fyhkh" :defaultValue="fromState.fyhkh"/>
                                            </a-form-item>
                                            <a-form-item label="开户行所在地" class="flex-w-er">
                                                <a-input placeholder="请输入开户行所在地" v-model:value="fromState.fkhhszd"/>
                                            </a-form-item>
                                            <a-form-item label="开户行">
                                                <compSelector

                                                    :width="182"
                                                    v-model="fromState.fkfh"
                                                    :defaultValue="fromState.fkfh"
                                                    compType="Select"
                                                    dictionaryType="四大银行"
                                                />
                                            </a-form-item>
                                        </a-form>
                                    </a-card>
                                </div>
                            </div>
                                <a-form-item label="所属区域">
                                    <a-input placeholder="请输入所属区域" v-model:value="fromState.fssqy"/>
                                </a-form-item>
                                <a-form-item label="是否药检所人员" class="flex-w-yi">
                                    <compSelector

                                        v-model="fromState.fsfyjsry"
                                        :defaultValue="fromState.fsfyjsry"
                                        compType="Select"
                                        dictionaryType="是否药检所人员"
                                    />
                                </a-form-item>
                                <a-form-item label="聘用文件号">
                                    <a-input placeholder="请输入聘用文件号" v-model:value="fromState.fpywjh"/>
                                </a-form-item>
                                <div style="width: 100%;height: 1px;border-bottom: 1px solid rgb(233, 228, 228);margin: 10px 0;"></div>
                                <a-form-item label="执勤状态">
                                    <compSelector

                                        v-model="fromState.fgzzt"
                                        :defaultValue="fromState.fgzzt"
                                        compType="Select"
                                        dictionaryType="核查员工作状态"
                                    />
                                    <a-input disabled placeholder="请输入执勤状态" v-model:value="fromState.fgzzt"/>
                                </a-form-item>


                        </div>
                    </div> -->
                </a-tab-pane>
                <a-tab-pane key="2" tab="教育经历">
                    <div class="personal-info-content">
                        <div style="width:100%;">
                            <commpVxeTable
                            :key="educationDataTableKey"
                            :config="educationConfig"
                            :columns="educationColumnsVxe"
                            :formItem="educationformItem"
                            :conditionBtnRow="true"
                            :occupancyHeight="100"
                            @checkboxChange="educationChange"
                            ref="workExperienceRef"
                            @searchEvent="educationSearchEvent"
                            >
                                <template v-slot:fkssj_name="{row}">
                                    <span>{{ row.fkssj }}</span>&nbsp;至&nbsp;<span>{{ row.fjssj }}</span>
                                </template>
                                <template v-slot:externalOperations="{data}">
                                    <vxe-form-item>
                                        <template>
                                            <a-button class="blue-btn" type="primary" icon="plus" @click="addeducation({},false)">添加</a-button>
                                        </template>
                                    </vxe-form-item>
                                    <vxe-form-item>
                                        <template>
                                            <a-button class="red-btn" type="primary" icon="delete" @click="deleteeducation()">批量删除</a-button>
                                        </template>
                                    </vxe-form-item>
                                </template>
                                <template v-slot:operation_btn="{row}" data-desc="自定操作栏">
                                    <a-form layout="inline" class="search-form" >
                                        <a-form-item >
                                            <a-button class="blue-btn" type="primary" icon="edit" @click="editeducation(row,false)">编辑</a-button>
                                        </a-form-item>
                                        <a-form-item >
                                            <a-button class="green-btn" type="primary" icon="eye" @click="eyeducation(row,true)">查看</a-button>
                                        </a-form-item>
                                    </a-form>
                                </template>
                            </commpVxeTable>
                        </div>
                    </div>
                </a-tab-pane>
                <a-tab-pane key="3" tab="工作经历">
                    <div class="personal-info-content">
                        <div style="width:100%;">
                            <commpVxeTable
                            :key="workExperiencedataTableKey"
                            :config="workExperienceConfig"
                            :columns="workExperienceColumnsVxe"
                            :formItem="formItem"
                            :conditionBtnRow="true"
                            :occupancyHeight="100"
                            @checkboxChange="workExperiencecheckboxChange"
                            ref="workExperienceRef"
                            @searchEvent="workExperienceSearchEvent"
                            @resetEvent="$event=>{workExperienceConfig.paramet={};workSearchYear=''}"
                            >
                            <template v-slot:year_slotName="{data}">
                                <a-date-picker mode="year" format='YYYY' v-model="workSearchYear"
                                @panelChange="($event,val)=>{ workSearchYear = $event;workExperienceConfig.paramet={...workExperienceConfig.paramet,year:moment(workSearchYear).format('YYYY')}}" />
                            </template>
                                <template v-slot:externalOperations="{data}">
                                    <vxe-form-item>
                                        <template>
                                            <a-button class="blue-btn" type="primary" icon="plus" @click="addWorkExperience({},false)">添加</a-button>
                                        </template>
                                    </vxe-form-item>
                                    <vxe-form-item>
                                        <template>
                                            <a-button class="red-btn" type="primary" icon="delete" @click="deleteWorkExperience()">批量删除</a-button>
                                        </template>
                                    </vxe-form-item>
                                    <vxe-form-item>
                                        <template>
                                            <a-button class="blue-btn" type="primary" @click="exportWorkExperience()" icon="export">导出</a-button>
                                        </template>
                                    </vxe-form-item>
                                    <!-- <vxe-form-item>
                                        <template>
                                            <a-button class="blue-btn" type="primary" @click="exportTemplateWorkExperience()" icon="export">导出模板</a-button>
                                        </template>
                                    </vxe-form-item>
                                    <vxe-form-item>
                                        <template>
                                            <a-upload style="display: inline-block;" :showUploadList="false" :beforeUpload="beforeUpload" action="" @change="importWorkExperience">
                                                <a-button class="blue-btn" type="primary" icon="import">导入</a-button>
                                            </a-upload>
                                        </template>
                                    </vxe-form-item> -->
                                </template>
                                <template v-slot:operation_btn="{row}" data-desc="自定操作栏">
                                    <a-form layout="inline" class="search-form" >
                                        <a-form-item >
                                            <a-button class="blue-btn" type="primary" icon="edit" @click="editWorkExperience(row,false)">编辑</a-button>
                                        </a-form-item>
                                        <a-form-item >
                                            <a-button class="green-btn" type="primary" icon="eye" @click="editWorkExperience(row,true)">查看</a-button>
                                        </a-form-item>
                                    </a-form>
                                </template>
                            </commpVxeTable>
                        </div>
                    </div>
                </a-tab-pane>
                <a-tab-pane key="4" tab="培训经历">
                    <div class="personal-info-content">
                        <div style="width: 100%;">
                            <commpVxeTable
                            :key="trainingRecordsKey"
                            :config="trainingRecordsConfig"
                            :columns="trainingRecordsColumnsVxe"
                            :formItem="trainingRecordsFormItem"
                            @checkboxChange="checkboxChange"
                            :occupancyHeight="100"
                            ref="trainingTableRef"
                            @searchEvent="searchEvent"
                            @resetEvent="$event=>{trainingRecordsConfig.paramet={year:moment().format('YYYY')};trainingSearchYear=''}"
                            >
                                <template v-slot:year_slotName="{data}">
                                    <a-date-picker mode="year" format='YYYY' v-model="trainingSearchYear"
                                    @panelChange="($event)=>{ trainingSearchYear = $event;trainingRecordsConfig.paramet={...trainingRecordsConfig.paramet,year:moment(trainingSearchYear).format('YYYY')}}" />
                                </template>
                                <template v-slot:fpxkssj_slotName="{data}">
                                    <a-date-picker format='YYYY-MM-DD' v-model:value="trainingfpxkssj"
                                    @change="($event)=>{ trainingfpxkssj = $event;trainingRecordsConfig.paramet={...trainingRecordsConfig.paramet,fpxkssj:moment(trainingfpxkssj).format('YYYY-MM-DD')}}" />
                                </template>
                                <template v-slot:fpxjssj_slotName="{data}">
                                    <a-date-picker format='YYYY-MM-DD' v-model:value="trainingfpxjssj"
                                    @change="($event)=>{ trainingfpxjssj = $event;trainingRecordsConfig.paramet={...trainingRecordsConfig.paramet,fpxjssj:moment(trainingfpxjssj).format('YYYY-MM-DD')}}" />
                                </template>

                                <template v-slot:externalOperations="{data}">
                                    <vxe-form-item>
                                        <template>
                                            <a-button class="blue-btn" type="primary" @click="addTraining({},false)">添加</a-button>
                                        </template>
                                    </vxe-form-item>
                                    <vxe-form-item>
                                        <template>
                                            <a-button class="red-btn" type="primary" @click="batchDelete()">批量删除</a-button>
                                        </template>
                                    </vxe-form-item>
                                    <vxe-form-item>
                                        <template>
                                            <a-button class="blue-btn" type="primary" @click="exportTraining()">导出</a-button>
                                        </template>
                                    </vxe-form-item>
                                    <!-- <vxe-form-item>
                                        <template>
                                            <a-button class="blue-btn" type="primary" @click="exportTemplateTraining()">导出模板</a-button>
                                        </template>
                                    </vxe-form-item>
                                    <vxe-form-item>
                                        <template>
                                            <a-upload style="display: inline-block;" :showUploadList="false" :beforeUpload="beforeUpload" action="" @change="importTraining">
                                                <a-button class="blue-btn" type="primary" >导入</a-button>
                                            </a-upload>
                                        </template>
                                    </vxe-form-item> -->
                                </template>
                                <template v-slot:operation_btn="{row}" data-desc="自定操作栏">
                                    <a-form layout="inline" class="search-form" >
                                        <a-form-item >
                                            <a-button class="blue-btn" type="primary" @click="editTraining(row,false)">编辑</a-button>
                                        </a-form-item>
                                        <a-form-item >
                                            <a-button class="blue-btn" type="primary" @click="editTraining(row,true)">查看</a-button>
                                        </a-form-item>
                                    </a-form>
                                </template>
                            </commpVxeTable>
                        </div>
                    </div>
                </a-tab-pane>
                <a-tab-pane key="5" tab="科研成果">
                  <div class="personal-info-content">
                    <div style="width:100%;">
                      <commpVxeTable
                        :key="achievementTableKey"
                        :config="achievementConfig"
                        :columns="achievementColumnsVxe"
                        :formItem="achievementformItem"
                        :conditionBtnRow="true"
                        :occupancyHeight="100"
                        @checkboxChange="achievementChange"
                        ref="achievementRef"
                        @searchEvent="achievementSearchEvent"
                        >
                        <template v-slot:externalOperations="{data}"  >
                          <vxe-form-item>
                              <template>
                                  <a-button class="blue-btn" @click="achievementAddhandle({},false)" icon="plus">新增</a-button>
                              </template>
                          </vxe-form-item>
                        </template>
                        <template v-slot:operation_btn="{row}" data-desc="自定操作栏">
                          <a-form layout="inline">
                            <a-form-item>
                                  <a-button class="green-btn" @click="achievementviewhandle(row,false)" icon="eye">查看</a-button>
                              </a-form-item>
                              <a-form-item>
                                  <a-button class="blue-btn" @click="achievementEdithandle(row,false)" icon="edit">编辑</a-button>
                              </a-form-item>
                              <a-form-item>
                                  <a-button class="red-btn" @click="achievementDeletehandle(row)" icon="delete">删除</a-button>
                              </a-form-item>
                          </a-form>
                      </template>
                      </commpVxeTable>
                    </div>
                  </div>
                </a-tab-pane>
                <a-tab-pane key="6" tab="奖惩情况">
                  <div class="personal-info-content aaa">
                    <div style="width:100%;">
                      <commpVxeTable
                        :key="rewardsAndPunishmentsTableKey"
                        :config="rewardsAndPunishmentsConfig"
                        :columns="rewardsAndPunishmentsColumnsVxe"
                        :formItem="rewardsAndPunishmentsformItem"
                        :conditionBtnRow="true"
                        :occupancyHeight="100"
                        @checkboxChange="rewardsAndPunishmentsChange"
                        ref="rewardsAndPunishmentsTableRef"
                        @searchEvent="rewardsAndPunishmentsSearchEvent"
                        >
                        <template v-slot:externalOperations="{data}"  >
                          <vxe-form-item>
                              <template>
                                  <a-button class="blue-btn" @click="rewardsAndPunishmentsAddhandle({},false)" icon="plus">新增</a-button>
                              </template>
                          </vxe-form-item>
                        </template>
                        <template v-slot:operation_btn="{row}" data-desc="自定操作栏">
                          <a-form layout="inline">
                            <a-form-item>
                                  <a-button class="green-btn" @click="rewardsAndPunishmentsviewhandle(row,false)" icon="eye">查看</a-button>
                              </a-form-item>
                              <a-form-item>
                                  <a-button class="blue-btn" @click="rewardsAndPunishmentsEdithandle(row,false)" icon="edit">编辑</a-button>
                              </a-form-item>
                              <a-form-item>
                                  <a-button class="red-btn" @click="rewardsAndPunishmentsDeletehandle(row)" icon="delete">删除</a-button>
                              </a-form-item>
                          </a-form>
                      </template>
                      </commpVxeTable>
                    </div>
                  </div>
                </a-tab-pane>
                <a-tab-pane key="7" tab="审评类型">
                    <div class="personal-info-content">
                        <div style="width: 100%;">
                            <!-- <div style="display: flex;flex-direction: row;justify-content: center;align-items: center;">
                                <span style="display: inline-block;margin-top: 10px;" >
                                    <a-form layout="inline" class="personal-info-lb-form" >
                                        <a-form-item label="证书编号">
                                            <a-input placeholder="请输入证书编号" v-model:value="fromState.fjcyzsbh"/>
                                        </a-form-item>
                                        <a-form-item label="兼职情况">
                                            <a-input placeholder="请输入兼职情况" v-model:value="fromState.fjcyjzqk"/>
                                        </a-form-item>
                                        <a-form-item label="证书有效期至">
                                            <a-date-picker placeholder="请输入证书有效期至" v-model:value="fromState.fjcyzsyxq"/>
                                        </a-form-item>
                                    </a-form>
                                    
                                </span>
                                <div style="display: flex;justify-content: center;margin-top: 10px;">
                                    <a-button class="blue-btn" type="primary" @click="saveClick({
                                        fjcyzsbh:fromState.fjcyzsbh,
                                        fjcyjzqk:fromState.fjcyjzqk,
                                        fjcyzsyxq:moment(fromState.fjcyzsyxq).format('YYYY-MM-DD'),
                                    })">保存</a-button>
                                </div>
                            </div> -->
                            <div v-if="categoryList.length" style="display: flex;flex-wrap: wrap;">
                                <div v-for="(item,index) in categoryList" :key="(index+1)+''" style="width: 32%;min-width: 310px;margin: 5px 0.5%;display: flex;flex-direction: column;">
                                    <div style="border: 1px solid #d9d9d9;border-radius: 10px;height: 100%;flex: 1;">
                                        <h3 style="width: 100%;text-align: center;font-weight: 500;padding: 5px 0;font-size: 20px;color: #38f;">{{ item.jcy.flx !== item.jcy.fjcyxl?item.jcy.flx+(item.jcy.fjcyxl?'（'+item.jcy.fjcyxl+')':''):item.jcy.flx}}</h3>
                                        <a-form layout="inline" class="personal-info-lb-form" >
                                            <a-form-item label="专家分类" class="zytc-item-f">
                                                <!-- <compSelector
                                                    :width="182"
                                                    v-model="item.jcy.fxllx"
                                                    :defaultValue="item.jcy.fxllx"
                                                    compType="Select"
                                                    dictionaryType="审评员序列类型代码"
                                                /> -->
                                                <a-checkbox-group  v-model="item.fszly">
                                                    <a-checkbox v-for="(trem,tIndex) in item.typeList" :value="trem" :key="tIndex">
                                                        {{ trem }}
                                                    </a-checkbox>
                                                </a-checkbox-group>
                                            </a-form-item>
                                            <!-- <br/> -->
                                            <div style="margin-bottom: 10px;"></div>
                                            <a-form-item label="所属库">
                                                <!-- <a-input disabled placeholder="请输入所属库" v-model:value="item.jcy.fssk"/> -->
                                                <!-- <compSelector
                                                    v-model="item.jcy.fssk"
                                                    :defaultValue="item.jcy.fssk"
                                                    compType="Select"
                                                    dictionaryType="核查员所属库"
                                                /> -->
                                                <span>{{ item.jcy.fssk }}</span>
                                            </a-form-item>
                                            <!-- <br/> -->
                                            <div style="margin-bottom: 10px;"></div>
                                            <!-- <a-form-item label="层级"> -->
                                                <!-- <compSelector
                                                    :width="182"
                                                    v-model="item.jcy.flevel"
                                                    :defaultValue="item.jcy.flevel"
                                                    compType="Select"
                                                    dictionaryType="核查员等级代码"
                                                /> -->
                                                <!-- <span>{{ item.jcy.flevel }}</span>
                                            </a-form-item> -->
                                            <!-- <br/> -->
                                            <!-- <div style="margin-bottom: 10px;"></div> -->
                                            <a-form-item label="受聘时间">
                                                <a-date-picker style="width: 182px;" v-model:value="item.fspsj"/>
                                            </a-form-item>
                                            <!-- <br/> -->
                                            <div style="margin-bottom: 10px;"></div>
                                            <a-form-item >
                                                <div style="margin: 15px 0 10px 100px;">
                                                    <a-button class="blue-btn" type="primary" @click="saveCategory(item)">保存</a-button>
                                                    <a-button v-if="editOrNot" style="margin-left: 15px;" class="blue-btn" type="primary" @click="modifyAffiliation(item)">修改所属库</a-button>
                                                    <a-button v-if="editOrNot" style="margin-left: 15px;" class="blue-btn" type="primary" @click="modifyState(item)">修改有效状态</a-button>
                                                </div>
                                            </a-form-item>
                                        </a-form>
                                    </div>
                                </div>
                            </div>
                            <div v-else style="margin-top: 100px;">
                                <a-empty  />
                            </div>
                            
                            <a-modal
                                :title="inspectorState.type == 'fssk'?'修改所属库':'修改有效状态'"
                                :visible="inspectorVisible"
                                @ok="inspectorhandleOk"
                                @cancel="inspectorVisible = false"
                            >
                                <a-form layout="inline" >
                                    <a-form-item label="所属库" v-if="inspectorState.type == 'fssk'">
                                        <!-- <a-select
                                            style="width: 182px;"
                                            v-model:value="additionalState.fgzzt" 
                                            v-decorator="['fgzzt', { initialValue:additionalState.fgzzt, rules: rules.fgzzt}]"
                                            >
                                            <a-select-option v-for="(item,index) in dutyStatus" :value="item.itemValue" :key="index">{{ item.itemText }}</a-select-option>
                                        </a-select> -->
                                        <compSelector
                                            :key="compSelectorKey"
                                            v-model="inspectorState.fssk"
                                            :defaultValue="inspectorState.fssk"
                                            compType="Select"
                                            dictionaryType="核查员所属库"
                                        />
                                        
                                    </a-form-item>
                                    <a-form-item label="有效状态" v-if="inspectorState.type == 'fstate'">
                                        <compSelector
                                            :key="compSelectorKey"
                                            v-model="inspectorState.fstate"
                                            :defaultValue="inspectorState.fstate"
                                            compType="Select"
                                            separateAreas="hcyyxzt001"
                                            dictionaryType="核查员有效状态"
                                        />
                                    </a-form-item>
                                </a-form>
                            </a-modal>
                        </div>
                    </div>
                </a-tab-pane>
                <a-tab-pane key="8" tab="获得专业技术资质情况">
                    <div class="personal-info-content">
                        <div style="width:100%;">
                            <commpVxeTable
                                :key="extraAdditionTableKey"
                                :config="{
                                    api: assessCheckApi.zyzgkqgetZyjszzList,
                                    rowId: 'id',
                                    paramet:{
                                        fuserid:fromState.id
                                    }
                                }"
                                :columns="extraAdditionColumnsVxe1"
                                :formItem="extraAdditionformItem"
                                :conditionBtnRow="true"
                                :occupancyHeight="100"
                                ref="extraAdditionTableRef"
                                >
                                <template v-slot:externalOperations="{data}"  >
                                <vxe-form-item>
                                    <template>
                                        <a-button class="blue-btn" @click="extraAdditionAddhandle({modalTitle:'获得专业技术资质情况',index:0},false)" icon="plus">新增</a-button>
                                    </template>
                                </vxe-form-item>
                                </template>
                                <template v-slot:operation_btn="{row}" data-desc="自定操作栏">
                                <a-form layout="inline">
                                    <a-form-item>
                                        <a-button class="green-btn" @click="extraAdditionviewhandle({...row,modalTitle:'获得专业技术资质情况',index:0},false)" icon="eye">查看</a-button>
                                    </a-form-item>
                                    <a-form-item>
                                        <a-button class="blue-btn" @click="extraAdditionEdithandle({...row,modalTitle:'获得专业技术资质情况',index:0},false)" icon="edit">编辑</a-button>
                                    </a-form-item>
                                    <a-form-item>
                                        <a-button class="red-btn" @click="extraAdditionDeletehandle(row)" icon="delete">删除</a-button>
                                    </a-form-item>
                                </a-form>
                            </template>
                            </commpVxeTable>
                        </div>
                  </div>
                </a-tab-pane>
                <a-tab-pane key="9" tab="参与科研项目情况">
                    <div class="personal-info-content">
                        <div style="width:100%;">
                            <commpVxeTable
                                :key="extraAdditionTableKey"
                                :config="{
                                    api: assessCheckApi.zyzgkqgetKyxmList,
                                    rowId: 'id',
                                    paramet:{
                                        fuserid:fromState.id
                                    }
                                }"
                                :columns="extraAdditionColumnsVxe2"
                                :formItem="extraAdditionformItem"
                                :conditionBtnRow="true"
                                :occupancyHeight="100"
                                ref="extraAdditionTableRef"
                                >
                                <template v-slot:externalOperations="{data}"  >
                                <vxe-form-item>
                                    <template>
                                        <a-button class="blue-btn" @click="extraAdditionAddhandle({modalTitle:'参与科研项目情况',index:1},false)" icon="plus">新增</a-button>
                                    </template>
                                </vxe-form-item>
                                </template>
                                <template v-slot:operation_btn="{row}" data-desc="自定操作栏">
                                <a-form layout="inline">
                                    <a-form-item>
                                        <a-button class="green-btn" @click="extraAdditionviewhandle({...row,modalTitle:'参与科研项目情况',index:1},false)" icon="eye">查看</a-button>
                                    </a-form-item>
                                    <a-form-item>
                                        <a-button class="blue-btn" @click="extraAdditionEdithandle({...row,modalTitle:'参与科研项目情况',index:1},false)" icon="edit">编辑</a-button>
                                    </a-form-item>
                                    <a-form-item>
                                        <a-button class="red-btn" @click="extraAdditionDeletehandle(row)" icon="delete">删除</a-button>
                                    </a-form-item>
                                </a-form>
                            </template>
                            </commpVxeTable>
                        </div>
                  </div>
                </a-tab-pane>
                <a-tab-pane key="10" tab="参加研发药品情况">
                    <div class="personal-info-content">
                        <div style="width:100%;">
                            <commpVxeTable
                                :key="extraAdditionTableKey"
                                :config="{
                                    api: assessCheckApi.zyzgkqgetYjypqkList,
                                    rowId: 'id',
                                    paramet:{
                                        fuserid:fromState.id
                                    }
                                }"
                                :columns="extraAdditionColumnsVxe3"
                                :formItem="extraAdditionformItem"
                                :conditionBtnRow="true"
                                :occupancyHeight="100"
                                ref="extraAdditionTableRef"
                                >
                                <template v-slot:externalOperations="{data}"  >
                                <vxe-form-item>
                                    <template>
                                        <a-button class="blue-btn" @click="extraAdditionAddhandle({modalTitle:'参加研发药品情况',index:2},false)" icon="plus">新增</a-button>
                                    </template>
                                </vxe-form-item>
                                </template>
                                <template v-slot:operation_btn="{row}" data-desc="自定操作栏">
                                <a-form layout="inline">
                                    <a-form-item>
                                        <a-button class="green-btn" @click="extraAdditionviewhandle({...row,modalTitle:'参加研发药品情况',index:2},false)" icon="eye">查看</a-button>
                                    </a-form-item>
                                    <a-form-item>
                                        <a-button class="blue-btn" @click="extraAdditionEdithandle({...row,modalTitle:'参加研发药品情况',index:2},false)" icon="edit">编辑</a-button>
                                    </a-form-item>
                                    <a-form-item>
                                        <a-button class="red-btn" @click="extraAdditionDeletehandle(row)" icon="delete">删除</a-button>
                                    </a-form-item>
                                </a-form>
                            </template>
                            </commpVxeTable>
                        </div>
                  </div>
                </a-tab-pane>
                <a-tab-pane key="11" tab="主要研究方向">
                    <a-textarea
                        style="width: 100%;margin: 5px;"
                        v-model:value="fromState.fzyyjfx"
                        :autosize="{ minRows: 10, maxRows: 10000 }"
                        @blur="blurJbxxChange('fzyyjfx',fromState.fzyyjfx)"
                        placeholder="请输入主要研究方向" />
                </a-tab-pane>
                  <!---
                <a-tab-pane key="7" tab="审评员类别111" v-if="isVisible">
                    <div class="personal-info-content">
                        <div style="width: 100%;">
                            <div style="display: flex;flex-direction: row;justify-content: center;align-items: center;">

                                <span style="display: inline-block;margin-top: 10px;" >
                                    <a-form layout="inline" class="personal-info-lb-form" >
                                        <a-form-item label="证书编号">
                                            <a-input placeholder="请输入证书编号" v-model:value="fromState.fjcyzsbh"/>
                                        </a-form-item>
                                        <a-form-item label="兼职情况">
                                            <a-input placeholder="请输入兼职情况" v-model:value="fromState.fjcyjzqk"/>
                                        </a-form-item>
                                        <a-form-item label="证书有效期至">
                                            <a-date-picker placeholder="请输入证书有效期至" v-model:value="fromState.fjcyzsyxq"/>
                                        </a-form-item>
                                    </a-form>

                                </span>
                                <div style="display: flex;justify-content: center;margin-top: 10px;">
                                    <a-button class="blue-btn" type="primary" @click="saveClick({
                                        fjcyzsbh:fromState.fjcyzsbh,
                                        fjcyjzqk:fromState.fjcyjzqk,
                                        fjcyzsyxq:moment(fromState.fjcyzsyxq).format('YYYY-MM-DD'),
                                    })">保存</a-button>
                                </div>
                            </div>
                            <div v-if="categoryList.length" style="display: flex;flex-wrap: wrap;">
                                <div v-for="(item,index) in categoryList" :key="(index+1)+''" style="width: 32%;min-width: 310px;margin: 5px 0.5%;display: flex;flex-direction: column;">

                                    <div style="border: 1px solid #d9d9d9;border-radius: 10px;height: 100%;flex: 1;">
                                        <h3 style="width: 100%;text-align: center;font-weight: 500;padding: 5px 0;">{{ item.jcy.flx }}</h3>
                                        <a-form layout="inline" class="personal-info-lb-form" >
                                            <a-form-item label="专业特长" class="zytc-item-f">
                                                //
                                                <compSelector
                                                    :width="182"
                                                    v-model="item.jcy.fxllx"
                                                    :defaultValue="item.jcy.fxllx"
                                                    compType="Select"
                                                    dictionaryType="审评员序列类型代码"
                                                />
                                                //
                                                <a-checkbox-group  v-model="item.fszly">
                                                    <a-checkbox v-for="(trem,tIndex) in item.typeList" :value="trem" :key="tIndex">
                                                        {{ trem }}
                                                    </a-checkbox>
                                                </a-checkbox-group>
                                            </a-form-item>
                                            <br/>
                                            <a-form-item label="所属库">
                                                //
                                                <a-input disabled placeholder="请输入所属库" v-model:value="item.jcy.fssk"/>
                                                <compSelector
                                                    v-model="item.jcy.fssk"
                                                    :defaultValue="item.jcy.fssk"
                                                    compType="Select"
                                                    dictionaryType="核查员所属库"
                                                />
                                                //
                                                <span>{{ item.jcy.fssk }}</span>
                                            </a-form-item>
                                            <br/>
                                            <a-form-item label="层级">
                                                //
                                                <compSelector
                                                    :width="182"
                                                    v-model="item.jcy.flevel"
                                                    :defaultValue="item.jcy.flevel"
                                                    compType="Select"
                                                    dictionaryType="核查员等级代码"
                                                />
                                                //
                                                <span>{{ item.jcy.flevel }}</span>
                                            </a-form-item>
                                            <br/>
                                            <a-form-item label="受聘时间">
                                                <a-date-picker style="width: 182px;" v-model:value="item.fspsj"/>
                                            </a-form-item>
                                            <br/>
                                            <a-form-item >
                                                <div style="margin: 15px 0 10px 110px;">
                                                    <a-button class="blue-btn" type="primary" @click="saveCategory(item)">保存</a-button>
                                                    <a-button v-if="editOrNot" style="margin-left: 15px;" class="blue-btn" type="primary" @click="modifyAffiliation(item)">修改所属库</a-button>
                                                    <a-button v-if="editOrNot" style="margin-left: 15px;" class="blue-btn" type="primary" @click="modifyState(item)">修改有效状态</a-button>
                                                </div>

                                            </a-form-item>
                                        </a-form>
                                    </div>
                                </div>
                            </div>
                            <div v-else style="margin-top: 100px;">
                                <a-empty  />
                            </div>

                            <a-modal
                                :title="inspectorState.type == 'fssk'?'修改所属库':'修改有效状态'"
                                :visible="inspectorVisible"
                                @ok="inspectorhandleOk"
                                @cancel="inspectorVisible = false"
                            >
                                <a-form layout="inline" >
                                    <a-form-item label="所属库" v-if="inspectorState.type == 'fssk'">

                                        <compSelector

                                            v-model="inspectorState.fssk"
                                            :defaultValue="inspectorState.fssk"
                                            compType="Select"
                                            dictionaryType="核查员所属库"
                                        />

                                    </a-form-item>
                                    <a-form-item label="有效状态" v-if="inspectorState.type == 'fstate'">
                                        <compSelector

                                            v-model="inspectorState.fstate"
                                            :defaultValue="inspectorState.fstate"
                                            compType="Select"
                                            separateAreas="hcyyxzt001"
                                            dictionaryType="核查员有效状态"
                                        />
                                    </a-form-item>
                                </a-form>
                            </a-modal>
                        </div>
                    </div>
                </a-tab-pane> -->
                <!-- <a-tab-pane key="6" tab="选派记录">
                    <div class="personal-info-content">
                        <div style="width: 100%;">
                            <commpVxeTable
                            @resetEvent="$event=>{selectionRecordConfig.paramet={year:moment().format('YYYY')};selectionSearchYear=''}"
                            >
                                    <a-date-picker mode="year" format='YYYY' v-model="selectionSearchYear"
                                    @panelChange="($event,val)=>{ selectionSearchYear = $event;selectionRecordConfig.paramet={...selectionRecordConfig.paramet,year:moment(selectionSearchYear).format('YYYY')}}" />
                                </template>
                            </commpVxeTable>
                        </div>
                    </div>
                </a-tab-pane> -->
            </a-tabs>
        </a-spin>
        <a-modal
            :title="additionalState.type == 'username'?'修改登录账号':'修改执勤状态'"
            :visible="additionalVisible"
            @ok="handleOk"
            @cancel="additionalVisible = false"
        >
            <a-form layout="inline" :form="additionalform">
                <a-form-item label="登录账号" v-if="additionalState.type == 'username'">
                    <a-input
                     placeholder="请输入登录账号"
                     v-model:value="additionalState.username"
                     v-decorator="['username', { initialValue:additionalState.username, rules: rules.username}]"
                    />
                </a-form-item>
                <a-form-item label="执勤状态" v-if="additionalState.type == 'fgzzt'">
                    <a-select
                    style="width: 182px;"
                     v-model:value="additionalState.fgzzt"
                     v-decorator="['fgzzt', { initialValue:additionalState.fgzzt, rules: rules.fgzzt}]"
                    >
                        <a-select-option v-for="(item,index) in dutyStatus" :value="item.itemValue" :key="index">{{ item.itemText }}</a-select-option>
                    </a-select>
                </a-form-item>
            </a-form>
        </a-modal>
        <trainingRecords ref="trainingRecordsRef" @sussecTraining="sussecTraining" />
        <workExperience ref="workExperienceAddRef" @sussecWorkExperience="sussecWorkExperience" />
        <addeducationCom ref="addeducationRef" @sussecEducation="sussecEducation" />
        <achievementForm ref="achievementFormRef" @successAchievementForm="successAchievementForm"></achievementForm>
        <rewardsAndPunishmentsForm ref="rewardsAndPunishmentsFormRef" @successRewardsAndPunishments="successRewardsAndPunishments"></rewardsAndPunishmentsForm>
        <changeUnit ref="changeUnitRef" />
        <titleSeries ref="titleSeriesRef" @selectIntact="selectIntact"/>
        <increaseBggzdw ref="increaseBggzdwRef" @success="$event=>{return {}}"></increaseBggzdw>
        <onlineSignature ref="onlineSignatureRef" />
        <extraAddition ref="extraAdditionRef" @extraAdditionPunishments="extraAdditionPunishments" />
    </div>
</template>
<script>
import extraAddition from './extraAddition.vue'
import assessCheckApi from './service/api'
import increaseBggzdw from '../../workUnitChangeAddlogs/increase.vue'
import addeducationCom from './addeducation.vue'
import onlineSignature from './onlineSignature.vue'
import {
    spcyMyInfoQueryMyJbxx,
    myJbxxUpdateUser,
    myJbxxdownMyQm,
    myJbxxuploadMyQm,
    resetHcyPwd,
    modifyHcyAccount,
    modifyHcyGzzt,
    ocalityPostAction,
    sysUserPxjldeleteBatch,
    sysUserPxjlexportUserPxjlData,
    sysUserPxjldownUserPxjlTemplate,
    sysUserPxjlimpPxjlData,
    updateHcy,
    modifyHcySsk,
    modifyHcyState,
    sysUserGzjldeleteBatch,
    sysUserGzjldownUserGzjlTemplate,
    sysUserGzjlexportUserGzjlData,
    sysUserGzjlimpGzjlData,
    sysUserJyjladdJyjl,
    jcylxdjcjjszcList,
    jcylxdjcjgetUserSignPhotoLink,
    jcylxdjcjuploadMyPhoto,
    jcylxdjcjuploadMyQm,
    sysUserGzjladdGzjl,
    sysUserJyjldeleteBatch,
    deleteFbwz,
    deleteBatchJlcfqk,
    zyzgkqdeleteBatch,
} from './service/index'
import compSelector from '@/components/compSelector/compSelector.vue'
import validator from '@/common/validator'
import blobType from '@/common/blobType'
import commpVxeTable from '@/components/commp-vxe-table/commp-vxe-table.vue'
import trainingRecords from './trainingRecords.vue'
import workExperience from './workExperience.vue'
import achievementForm from './achievementForm.vue'
import rewardsAndPunishmentsForm from './rewardsAndPunishmentsForm.vue'
import moment from 'moment'
import changeUnit from './changeUnit.vue'
import titleSeries from '../../n-1-inspectorManage/selectionRegistration/titleSeries.vue'
import { FlagFilled } from '@ant-design/icons-vue'
export default {
    components:{
        compSelector,
        commpVxeTable,
        trainingRecords,
        workExperience,
        changeUnit,
        titleSeries,
        increaseBggzdw,
        addeducationCom,
        achievementForm,
        rewardsAndPunishmentsForm,
        onlineSignature,
        extraAddition,
    },
    props:{

    },
    data(){
        return{
            assessCheckApi,
            educationDataTableKey:null,
            randomJbxxId1:'randomJbxxId1'+new Date().getTime(),
            randomJbxxId2:'randomJbxxId2'+new Date().getTime(),
            randomJbxxId3:'randomJbxxId3'+new Date().getTime(),
            randomJbxxId4:'randomJbxxId4'+new Date().getTime(),
            randomJbxxId5:'randomJbxxId5'+new Date().getTime(),
            rulesJbxx:{},
            jszgList:[],
            moment:moment,
            editOrNot:false,
            additionalVisible:false,
            fromState:{},
            additionalState:{},
            compSelectorKey:null,
            basicInformationKey:null,
            form: this.$form.createForm(this, { name: 'personalInfoFrom' }),
            additionalform:this.$form.createForm(this, { name: 'additionalform' }),
            rules:{
                fsfzh: [{
                    required: true,
                    message: '请输入身份证号',
                    // trigger: 'blur',
                },{
                    pattern: validator.isIdCard.reg,
                    message: '请输入正确的身份证号',
                    // trigger: 'blur',
                }],
                phone: [{
                    required: true,
                    message: '请输入手机号码',
                    // trigger: 'blur',
                },{
                    pattern: validator.isPhone.reg,
                    message: '请输入正确的手机号码',
                    // trigger: 'blur',
                }],
                fgzdw:[{
                    required: true,
                    message: '请输入工作单位',
                    // trigger: 'blur',
                }],
                username:[{
                    required: true,
                    message: '请输入账号',
                    // trigger: 'blur',
                }],
                fgzzt:[{
                    required: true,
                    message: '请选择执勤状态',
                    // trigger: 'blur',
                }],
            },
            tipText:'正在加载中...',
            spinning:false,
            dutyStatus:[],
            formItem:[{
                label: '年份',
                model: 'year',
                slotName:'year_slotName',
            }],//
            trainingRecordsFormItem:[{
                label: '认定内容',
                model: 'fpxmc',
            },{
                label: '开始日期',
                model: 'fpxkssj',
                slotName:'fpxkssj_slotName',
            },{
                label: '结束日期',
                model: 'fpxjssj',
                slotName:'fpxjssj_slotName',
            },{
                label: '年度',
                model: 'year',
                slotName:'year_slotName',
            }],//
            trainingRecordsKey:null,
            trainingSearchYear:moment().format('YYYY'),
            trainingfpxkssj:'',
            trainingfpxjssj:'',
            trainingRecordsConfig:{
                api: assessCheckApi.sysUserPxjlqueryPageList,
                rowId: 'id',
                height:520,
                paramet:{
                    year:moment().format('YYYY'),
                }
            },
            trainingRecordsColumnsVxe: [{
                    type: 'checkbox',
                    width: 60 ,
                    fixed: 'left'
            },{
                title: "年度",
                field: "fjlnd",
                width:72,
            },{
                title: "认定内容",
                field: "fpxmc",
            },{
                title: "开始日期",
                field: "fpxkssj",
                width:141,
            },{
                title: "结束日期/获得日期",
                field: "fpxjssj",
                width:141,
            },{
                title: "学时",
                field: "fpxxs",
                width:72,
            },{
                title: "认定类型",
                field: "fpxlx",
            },{
                title: "操作",
                field: "id",
                width:180,
                slots: {
                    // 使用插槽模板渲染
                    default: 'operation_btn',
                },

            }],
            selectedRowKeysArr:[],
            workExperiencedataTableKey:null,

            //审评员
            submitActiveKey:['1','2','3','4','5'],
            experienceKey:['1','2'],
            categoryList:[],
            inspectorState:{},
            inspectorVisible:false,
            certificate:{},
            //选派记录
            selectionRecordKey:null,
            selectionSearchYear:moment().format('YYYY'),
            selectionRecordConfig:{
                api: assessCheckApi.myJbxxqueryMyXpjl,
                rowId: 'id',
                height:520,
                paramet:{
                    year:moment().format('YYYY'),
                }
            },
            selectionRecordColumnsVxe: [{
                type: "seq",
                title: "序号",
                width: "60",
            },{
                title: "审评员姓名",
                field: "fjcyxm",
            },{
                title: "选派类型",
                field: "fxplx",
            },{
                title: "任务类型",
                width: "60",
                field: "frwlx",
            },{
                title: "指派人名称",
                field: "fzprmc",
            },{
                title: "审评开始时间",
                field: "fcykssj",
            },{
                title: "审评结束时间",
                field: "fcyjssj",
            },{
                title: "指派时间",
                field: "fzpsj",
            },{
                title: "是否组长",
                field: "fssk",
            },{
                title: "选派方式",
                field: "fxpfs",
            },{
                title: "所属审评机构",
                field: "fssjcjg",
            },{
                title: "是否同意选派",
                field: "fsftyxp",
            },{
                title: "原因说明",
                field: "fbtyyy",
            }],
            workExperienceRowKeysArr:[],
            workExperienceSearchFrom:{},
            dataTableKey:null,
            workSearchYear:'',
            workExperienceConfig:{
                api: assessCheckApi.sysUserGzjlqueryPageList,
                rowId: 'id',
                paramet:{
                }
            },
            workExperienceColumnsVxe:[{
                    type: 'checkbox',
                    width: 60 ,
                    fixed: 'left'
            },{
                type: "seq",
                title: "序号",
                width: "60",
            },{
                title: "工作单位",
                field: "fgzdw",
            },{
                title: "工作开始时间",
                field: "fgzkssj",
            },{
                title: "工作结束时间",
                field: "fgzjssj",
            },{
                title: "工作岗位",
                field: "fcsgz",
            },{
                title: "职务",
                field: "fzw",
            },{
                title: "操作",
                field: "id",
                width:200,
                slots: {
                    // 使用插槽模板渲染
                    default: 'operation_btn',
                },

            }],
            jszgSearchData:'',
            formField:{},
            educationConfig:{
                api: assessCheckApi.sysUserJyjlqueryPageList,
                rowId: 'id',
                paramet:{
                }
            },
            educationColumnsVxe:[{
                    type: 'checkbox',
                    width: 60 ,
                    fixed: 'left'
            },{
                title: "时间",
                field: "fkssj",
                slots: {
                    // 使用插槽模板渲染
                    default: 'fkssj_name',
                },
            },{
                title: "毕业院校",
                field: "fbyyx",
            },{
                title: "所学专业",
                field: "fzy",
            },{
                title: "学历",
                field: "fxl",
            },{
                title: "操作",
                field: "id",
                width:200,
                slots: {
                    // 使用插槽模板渲染
                    default: 'operation_btn',
                },

            }],
            educationformItem:[{
                label: '毕业院校',
                model: 'fbyyx',
            }],
            educationRowKeysArr:[],
            // 科研成果
            achievementTableKey: null,
            achievementConfig:{
              api: assessCheckApi.pageList,
              rowId: 'id',
              paramet:{
              }
            },
            achievementColumnsVxe:[
            {
              type: 'checkbox',
              width: 60 ,
              fixed: 'left'
            },
            // {
            //     title: "期刊名称",
            //     field: "fqkmc",
            // },{
            //     title: "期刊类别",
            //     field: "fqklb",
            //     width: 100,
            // },
            {
                title: "发表时间",
                field: "ffbsj",
                width: 130,
            },{
                title: "类别",
                field: "fwzlx",
                width: 100,
                titleInterval:true,
                slots: {
                    header:'data1_header',
                },
            },{
                title: "内容",
                field: "fwzmc",
                titleInterval:true,
                slots: {
                    header:'data2_header',
                },
            },{
                title: "级别",
                field: "fwzjb",
                width: 100,
                titleInterval:true,
                slots: {
                    header:'data3_header',
                },
            },{
                title: "操作",
                field: "id",
                width: 280,
                fixed: 'right',
                slots: {
                    // 使用插槽模板渲染
                    default: 'operation_btn',
                },

            }],
            achievementformItem:[{
                label: '文章名称',
                model: 'fwzmc',
            }],
            achievementRowKeysArr: [],
             // 奖惩情况
            rewardsAndPunishmentsTableKey: null,
            rewardsAndPunishmentsConfig:{
              api: assessCheckApi.queryPageList,
              rowId: 'id',
              paramet:{
              }
            },
            rewardsAndPunishmentsColumnsVxe:[
            {
              type: 'checkbox',
              width: 60 ,
              fixed: 'left'
            },{
                title: "名称",
                field: "fmc",
            },{
                title: "类型",
                field: "flx",
                width: 80,
            },{
                title: "级别",
                field: "fjcjb",
                width: 80,
            },{
                title: "批准机关",
                field: "fpzjg",
            },{
                title: "批准时间",
                field: "fpzsj",
                width: 130,
            },
            // {
            //     title: "背景原因",
            //     field: "fbjyy",
            // },
            {
                title: "备注",
                field: "fbz",
            },{
                title: "操作",
                field: "id",
                fixed: 'right',
                width: 280,
                slots: {
                    // 使用插槽模板渲染
                    default: 'operation_btn',
                },

            }],
            rewardsAndPunishmentsformItem:[{
                label: '名称',
                model: 'fmc',
            }],
            rewardsAndPunishmentsRowKeysArr: [],
            isVisible: false,
            randomJbxxHeight:0,
            isTipMessage:false,
            activeKey:'1',
            extraAdditionTableKey:null,
            extraAdditionColumnsVxe1:[{
                title: "资质名称",
                field: "fzzmc",
            },{
                title: "颁发机构",
                field: "fbfjg",
            },{
                title: "获得时间",
                field: "fhdjs",
            },{
                title: "操作",
                field: "id",
                fixed: 'right',
                width: 280,
                slots: {
                    // 使用插槽模板渲染
                    default: 'operation_btn',
                },

            }],
            extraAdditionColumnsVxe2:[{
                title: "项目名称",
                field: "fxmmc",
            },{
                title: "牵头机构",
                field: "fqtjg",
            },{
                title: "所属年度",
                field: "fssnd",
            },{
                title: "操作",
                field: "id",
                fixed: 'right',
                width: 280,
                slots: {
                    // 使用插槽模板渲染
                    default: 'operation_btn',
                },

            }],
            extraAdditionColumnsVxe3:[{
                title: "参与时间",
                field: "fyfcysj",
            },{
                title: "药品名称",
                field: "fyfypmc",
            },{
                title: "类别",
                field: "fyflb",
            },{
                title: "负责人或参与人",
                field: "fyffzr",
            },{
                title: "操作",
                field: "id",
                fixed: 'right',
                width: 280,
                slots: {
                    // 使用插槽模板渲染
                    default: 'operation_btn',
                },

            }],
            extraAdditionformItem:[],
        }
    },
    watch:{

    },
    mounted(){
        this.activeKey = '1'
        this.$nextTick(()=>{
            if(document.getElementById(this.randomJbxxId1) && ((document.getElementById(this.randomJbxxId1).offsetHeight + document.getElementById(this.randomJbxxId2).offsetHeight+
                document.getElementById(this.randomJbxxId3).offsetHeight + document.getElementById(this.randomJbxxId4).offsetHeight + document.getElementById(this.randomJbxxId5).offsetHeight +40)<window.innerHeight - 215)){
                this.randomJbxxHeight = document.getElementById(this.randomJbxxId1).offsetHeight + document.getElementById(this.randomJbxxId2).offsetHeight+
                document.getElementById(this.randomJbxxId3).offsetHeight + document.getElementById(this.randomJbxxId4).offsetHeight
                + document.getElementById(this.randomJbxxId5).offsetHeight + 40
            }
            //console.log('111',window.innerHeight - 115)
            //console.log('222',(document.getElementById(this.randomJbxxId1).offsetHeight + document.getElementById(this.randomJbxxId2).offsetHeight+
                // document.getElementById(this.randomJbxxId3).offsetHeight + document.getElementById(this.randomJbxxId4).offsetHeight + document.getElementById(this.randomJbxxId5).offsetHeight +40))
            //console.log(document.getElementById(this.randomJbxxId1).offsetHeight)
            //console.log(document.getElementById(this.randomJbxxId2).offsetHeight)
            //console.log(document.getElementById(this.randomJbxxId3).offsetHeight)
            //console.log(document.getElementById(this.randomJbxxId4).offsetHeight)
            //console.log(document.getElementById(this.randomJbxxId5).offsetHeight)
        })
    },
    created(){
        this.getData(this.fromState.id,this.editOrNot)
        this.activeKey = '1'
    },
    methods:{
        getData(val,isEdit,type){
            if(!type){
                this.activeKey = '1'
            }
            
            this.extraAdditionTableKey = Date.now()
            this.formField = {}
            this.editOrNot = isEdit
            let data = {}
            if(val){
                data = {fuserid:val}
                this.fromState.id = val
            }
            // this.spinning = true
            spcyMyInfoQueryMyJbxx(data).then(res=>{
                //console.log(res.result)
                if(res.code == 200){
                    // res.result.user.sex = res.result.user.sex?String(res.result.user.sex):''
                    let data = res.result.user
                    data.sex = data.sex?''+data.sex:''
                    data.fjcyzsyxq = data.fjcyzsyxq?moment(data.fjcyzsyxq):''
                    this.categoryList = res.result.jcyList.length?res.result.jcyList.map(item=>{return{
                        ...item,typeList:item.typeList?item.typeList.split(','):[],
                        fszly:item.jcy.fszly?item.jcy.fszly.split(','):[],
                        fspjssj:item.jcy.fspjssj?moment(item.jcy.fspjssj):'',
                        fspsj:item.jcy.fspsj?moment(item.jcy.fspsj):'',
                    }}):[]
                    this.additionalState = { username:res.result.user.username, fgzzt:res.result.user.fgzzt, }
                    this.trainingRecordsConfig.paramet = {...this.trainingRecordsConfig.paramet,fuserid:data.id}
                    this.selectionRecordConfig.paramet = {...this.selectionRecordConfig.paramet,fuserid:data.id}
                    this.workExperienceConfig.paramet = {...this.workExperienceConfig.paramet,fuserid:data.id}
                    this.spinning = false
                    this.compSelectorkey = Date.now()
                    this.fromState = data
                    this.getJszcList(this.fromState.fzcxl?this.fromState.fzcxl:'')
                    jcylxdjcjgetUserSignPhotoLink({id:this.fromState.id}).then(res=>{
                        if(res.code == 200){
                            this.formField = {
                                ...this.formField,
                                ...res.result,
                            }
                        }else{

                        }
                    })
                    
                    // this.blurJbxxChange('fgzjssj','至今',undefined,true)
                }else{
                    this.spinning = false
                    this.$message.warning(res.message)
                }


            })
            this.compSelectorkey = Date.now()
            ocalityPostAction({dictName:'核查员工作状态'}).then(res=>{
                if(res.code == 200){
                    //console.log(res)
                    this.dutyStatus = res.result
                }
            })
            this.activeKey = '1'
        },
        
        getSignPhotoLink(){
            this.formField.signLink = ''
            jcylxdjcjgetUserSignPhotoLink({id:this.fromState.id}).then(res=>{
                if(res.code == 200){
                    this.formField = {
                        ...res.result,
                        ...this.formField,
                        
                    }
                }else{

                }
            })
        },
        //在线签名
        onlineSignatureClick(){
            this.$refs.onlineSignatureRef.getData(this.fromState.id)
            this.$refs.onlineSignatureRef.visible = true
        },
        tabsChange(){
            this.workExperiencedataTableKey = Date.now()
            this.educationDataTableKey = Date.now()
        },
        saveClick(data){
            this.form.validateFields((err, values) => {
                if(!err){
                    this.spinning = true
                    this.tipText = '正在提交中...'
                    myJbxxUpdateUser({id:this.fromState.id,...data,...values}).then(res=>{
                        if(res.code == 200){
                            this.spinning = false
                            this.$message.success(res.message)
                            this.$emit('modifiedSuccess')
                        }else{
                            this.spinning = false
                            this.$message.warning(res.message)
                        }

                        this.getData(this.fromState.id,this.editOrNot)
                        this.basicInformationKey = Date.now()
                    })
                }
            })
        },
        exportSignature(){
            myJbxxdownMyQm({id:this.fromState.id}).then((data) => {
                if(data.size){
                    let index = blobType.suffix.indexOf('.png')
                    if (typeof window.navigator.msSaveBlob !== 'undefined') {
                        window.navigator.msSaveBlob(new Blob([data], { type: blobType.type[index] }), '个人签名.png')
                    } else {
                        let url = window.URL.createObjectURL(new Blob([data], { type: blobType.type[index] }))
                        let link = document.createElement('a')
                        link.style.display = 'none'
                        link.href = url
                        link.setAttribute('download', '个人签名' + '.png')
                        document.body.appendChild(link)
                        link.click()
                        document.body.removeChild(link) //下载完成移除元素
                        window.URL.revokeObjectURL(url) //释放掉blob对象
                    }
                }else{
                    this.$message.warning('导出失败或当前暂无签名')
                }

            })

        },
        beforeUpload(e){
            return false
        },
        importSignature({file}){//导入
            var that = this
            if(typeof file.uid !== 'undefined') {
                if(file.name.indexOf('.png') !== -1 || file.name.indexOf('.jpg') !== -1 || file.name.indexOf('.jpeg') !== -1){
                    const fileData = new FormData();
                    fileData.append("file",file);
                    fileData.append("id",this.fromState.id);
                    fileData.append("fywflcode",blobType.fywflcodeArr[blobType.menuType.indexOf(this.$route.name.substring(this.$route.name.indexOf('__'),this.$route.name.indexOf('_a')+2))]);
                    myJbxxuploadMyQm(fileData).then(res => {

                        that.$message.success('导入成功')
                    }).catch(error =>{
                        that.$message.success('导入失败')
                    })
                }else{
                    this.$message.warning('请上传图片类型')
                }
            }
        },
        resetPassword(){
            var that = this
            this.$confirm({
                title:'您确认要重置密码吗？',
                onOk() {
                    resetHcyPwd({fuserid:this.fromState.id}).then(res=>{
                    if(res.code == 200){
                        that.$message.success(res.message)
                    }else{
                        that.$message.warning(res.message)
                    }
                    })
                },

            });
        },
        modifyAccount(){
            this.additionalVisible = true
            this.additionalState.type = 'username'
        },
        modifyDuty(){
            this.additionalVisible = true
            this.additionalState.type = 'fgzzt'
        },
        //变更工作单位
        changeWorkUnit(title,isDisabled){
            this.$refs.changeUnitRef.getData({isDisabled:isDisabled})
            this.$refs.changeUnitRef.visible = true
        },
        handleOk(){
            this.additionalform.validateFields((err, values) => {
                if(!err){
                    if(this.additionalState.type == 'username'){
                        let that = this
                        this.$confirm({
                            title:'确认修改账号吗？',
                            onOk() {
                                modifyHcyAccount({fuserid:that.fromState.id,username:that.additionalState.username}).then(res=>{
                                    if(res.code == 200){
                                        that.getData(that.fromState.id,that.editOrNot)
                                        that.additionalVisible = false
                                        that.$message.success(res.message)
                                    }else{
                                        that.$message.warning(res.message)
                                    }
                                })
                            }
                        })

                    }else if(this.additionalState.type == 'fgzzt'){
                        modifyHcyGzzt({fuserid:this.fromState.id,fgzzt:this.additionalState.fgzzt}).then(res=>{
                            if(res.code == 200){
                                this.getData(this.fromState.id,this.editOrNot)
                                this.additionalVisible = false
                                this.$message.success(res.message)
                            }else{
                                this.$message.warning(res.message)
                            }
                        })
                    }
                }
            })
        },
        //培训记录---
        checkboxChange(val){
            this.selectedRowKeysArr = []
            val.forEach(item => {
                this.selectedRowKeysArr.push(item.id)
            });
        },
        addTraining(row,val){//添加
            this.$refs.trainingRecordsRef.visible = true
            this.$refs.trainingRecordsRef.getData(row,val)
        },
        batchDelete(){
            let that = this
            if(this.selectedRowKeysArr.length){
                this.$confirm({
                    title:'确认要删除吗？',
                    onOk() {
                        sysUserPxjldeleteBatch({ids:that.selectedRowKeysArr.join(',')}).then(res=>{
                            if(res.code == 200){
                                that.$refs.trainingTableRef.searchEvent()
                                that.$message.success(res.message)
                                that.$emit('modifiedSuccess')
                            }else{
                                that.$message.warning(res.message)
                            }
                        })
                    }
                })
            }else{
                this.$message.warning('请选择删除项')
            }
        },
        searchEvent(val1,val2){
            this.searchFrom = {...val1,...val2}
        },
        exportTraining(){//导出
            var that = this
            var fileName = '培训记录'
            let param = { }
            if(that.selectedRowKeysArr.length){
                param = {
                    ids:that.selectedRowKeysArr.join(',')
                }
            }else{
                param = this.searchFrom
            }

            sysUserPxjlexportUserPxjlData(param).then((data) => {
                if (!data) {
                    that.$message.warning('文件下载失败')
                    return
                }
                if (typeof window.navigator.msSaveBlob !== 'undefined') {
                    window.navigator.msSaveBlob(new Blob([data], { type: 'application/vnd.ms-excel' }), fileName + '.xls')
                } else {
                    let url = window.URL.createObjectURL(new Blob([data], { type: 'application/vnd.ms-excel' }))
                    let link = document.createElement('a')
                    link.style.display = 'none'
                    link.href = url
                    link.setAttribute('download', fileName + '.xls')
                    document.body.appendChild(link)
                    link.click()
                    document.body.removeChild(link) //下载完成移除元素
                    window.URL.revokeObjectURL(url) //释放掉blob对象
                }
            })

        },
        exportTemplateTraining(){//导出模板
            var fileName = '培训记录模板'
            sysUserPxjldownUserPxjlTemplate().then(data=>{
                if (!data) {
                    that.$message.warning('文件下载失败')
                    return
                }
                if (typeof window.navigator.msSaveBlob !== 'undefined') {
                    window.navigator.msSaveBlob(new Blob([data], { type: 'application/vnd.ms-excel' }), fileName + '.xls')
                } else {
                    let url = window.URL.createObjectURL(new Blob([data], { type: 'application/vnd.ms-excel' }))
                    let link = document.createElement('a')
                    link.style.display = 'none'
                    link.href = url
                    link.setAttribute('download', fileName + '.xls')
                    document.body.appendChild(link)
                    link.click()
                    document.body.removeChild(link) //下载完成移除元素
                    window.URL.revokeObjectURL(url) //释放掉blob对象
                }
            })
        },
        importTraining({file}){//导入
            var that = this
            if(typeof file.uid !== 'undefined') {
                if(file.name.indexOf(".xls") !== -1 || file.name.indexOf(".xlsx") !==-1) {
                    const fileData = new FormData();
                    fileData.append("file",file);
                    fileData.append("fuserid",this.fromState.id);
                    sysUserPxjlimpPxjlData(fileData).then(res => {
                        // this.$refs.trainingTableRef.searchEvent()
                        this.trainingRecordsKey = Date.now()
                        that.$message.success('导入成功')
                    }).catch(error =>{
                        that.$message.success('导入失败')
                    })
                }

            }
        },
        editTraining(row,val){//编辑
            this.$refs.trainingRecordsRef.visible = true
            this.$refs.trainingRecordsRef.getData(row,val)
        },
        // deleteTraining(){//删除

        // },

        sussecTraining(){
            this.$refs.trainingTableRef.searchEvent()
            this.$emit('modifiedSuccess')
        },
        //工作经历
        workExperiencecheckboxChange(val){
            this.workExperienceRowKeysArr = []
            val.forEach(item => {
                this.workExperienceRowKeysArr.push(item.id)
            });
        },
        educationChange(val){
            this.educationRowKeysArr = []
            val.forEach(item => {
                this.educationRowKeysArr.push(item.id)
            });
        },
        educationSearchEvent(){

        },
        workExperienceSearchEvent(val1,val2){
            this.workExperienceSearchFrom = {...val1,...val2}
        },
        sussecWorkExperience(){
            this.$refs.workExperienceRef.searchEvent()
            this.$emit('modifiedSuccess')
        },
        addWorkExperience(row,val){
            this.$refs.workExperienceAddRef.visible = true
            this.$refs.workExperienceAddRef.getData(row,val)
        },
        deleteWorkExperience(){
            let that = this
            if(this.workExperienceRowKeysArr.length){
                this.$confirm({
                    title:'确认要删除吗？',
                    onOk() {
                        sysUserGzjldeleteBatch({ids:that.workExperienceRowKeysArr.join(',')}).then(res=>{
                            if(res.code == 200){
                                that.workExperienceRowKeysArr = []
                                that.$refs.workExperienceRef.searchEvent()
                                that.$message.success(res.message)
                                that.$emit('modifiedSuccess')
                            }else{
                                that.$message.warning(res.message)
                            }
                        })
                    }
                })
            }else{
                this.$message.warning('请选择删除项')
            }
        },
        exportWorkExperience(){
            var that = this
            var fileName = '工作经历'
            let param = { }
            if(that.workExperienceRowKeysArr.length){
                param = {
                    ids:that.workExperienceRowKeysArr.join(',')
                }
            }else{
                param = this.workExperienceSearchFrom
            }

            sysUserGzjlexportUserGzjlData(param).then((data) => {
                if (!data) {
                    that.$message.warning('文件下载失败')
                    return
                }
                if (typeof window.navigator.msSaveBlob !== 'undefined') {
                    window.navigator.msSaveBlob(new Blob([data], { type: 'application/vnd.ms-excel' }), fileName + '.xls')
                } else {
                    let url = window.URL.createObjectURL(new Blob([data], { type: 'application/vnd.ms-excel' }))
                    let link = document.createElement('a')
                    link.style.display = 'none'
                    link.href = url
                    link.setAttribute('download', fileName + '.xls')
                    document.body.appendChild(link)
                    link.click()
                    document.body.removeChild(link) //下载完成移除元素
                    window.URL.revokeObjectURL(url) //释放掉blob对象
                }
            })
        },
        exportTemplateWorkExperience(){
            var fileName = '工作经历模板'
            sysUserGzjldownUserGzjlTemplate().then(data=>{
                if (!data) {
                    that.$message.warning('文件下载失败')
                    return
                }
                if (typeof window.navigator.msSaveBlob !== 'undefined') {
                    window.navigator.msSaveBlob(new Blob([data], { type: 'application/vnd.ms-excel' }), fileName + '.xls')
                } else {
                    let url = window.URL.createObjectURL(new Blob([data], { type: 'application/vnd.ms-excel' }))
                    let link = document.createElement('a')
                    link.style.display = 'none'
                    link.href = url
                    link.setAttribute('download', fileName + '.xls')
                    document.body.appendChild(link)
                    link.click()
                    document.body.removeChild(link) //下载完成移除元素
                    window.URL.revokeObjectURL(url) //释放掉blob对象
                }
            })
        },
        importWorkExperience(){
            var that = this
            if(typeof file.uid !== 'undefined') {
                if(file.name.indexOf(".xls") !== -1 || file.name.indexOf(".xlsx") !==-1) {
                    const fileData = new FormData();
                    fileData.append("file",file);
                    fileData.append("fuserid",this.fromState.id);
                    sysUserGzjlimpGzjlData(fileData).then(res => {
                        // this.$refs.trainingTableRef.searchEvent()
                        this.trainingRecordsKey = Date.now()
                        that.$message.success('导入成功')
                    }).catch(error =>{
                        that.$message.success('导入失败')
                    })
                }

            }
        },
        editWorkExperience(row,val){
            this.$refs.workExperienceAddRef.visible = true
            this.$refs.workExperienceAddRef.getData(row,val)
        },
        //教育经历
        addeducation(){
            this.$refs.addeducationRef.getData({},false)
            this.$refs.addeducationRef.visible = true
        },
        editeducation(row){
            this.$refs.addeducationRef.getData(row,false)
            this.$refs.addeducationRef.visible = true
        },
        eyeducation(row){
            this.$refs.addeducationRef.getData(row,true)
            this.$refs.addeducationRef.visible = true
        },
        deleteeducation(){
            let that = this
            if(this.educationRowKeysArr.length){
                this.$confirm({
                    title:'确认要删除吗？',
                    onOk() {
                        sysUserJyjldeleteBatch({ids:that.educationRowKeysArr.join(',')}).then(res=>{
                            if(res.code == 200){
                                that.educationRowKeysArr = []
                                that.$refs.workExperienceRef.searchEvent()
                                that.$message.success(res.message)
                                that.$emit('modifiedSuccess')
                            }else{
                                that.$message.warning(res.message)
                            }
                        })
                    }
                })
            }else{
                this.$message.warning('请选择删除项')
            }
        },

        sussecEducation(){
            this.educationDataTableKey = Date.now()
            this.$emit('modifiedSuccess')
        },
        //审评类型
        saveCategory(item){
            let data = {
                ...item.jcy,
                fszly:item.fszly.length?item.fszly.join(','):'',
                fspsj:item.fspsj?moment(item.fspsj).format('YYYY-MM-DD'):'',
                fspjssj:item.fspjssj?moment(item.fspjssj).format('YYYY-MM-DD'):'',
            }
            updateHcy(data).then(res=>{
                if(res.code == 200){
                    this.$message.success(res.message)
                    this.getData(this.fromState.id,this.editOrNot,true)
                }else{
                    this.$message.warning(res.message)
                }
            })
        },

        modifyAffiliation(item){
            //console.log(item)
            this.inspectorState = {id:item.id,fssk:item.jcy.fssk,type:'fssk'}
            this.inspectorVisible = true
            this.compSelectorkey = Date.now()

        },
        modifyState(item){
            this.inspectorState = {id:item.id,fstate:item.jcy.fstate,type:'fstate'}
            this.inspectorVisible = true
            this.compSelectorkey = Date.now()
        },
        inspectorhandleOk(){
            if( this.inspectorState.type == 'fssk'){
                modifyHcySsk(this.inspectorState).then(res=>{
                    if(res.code == 200){
                        this.getData(this.fromState.id,this.editOrNot)
                        this.$message.success(res.message)
                    }else{
                        this.$message.warning(res.message)
                    }
                })
            }else if(this.inspectorState.type == 'fstate'){
                modifyHcyState(this.inspectorState).then(res=>{
                    if(res.code == 200){
                        this.getData(this.fromState.id,this.editOrNot)
                        this.$message.success(res.message)
                    }else{
                        this.$message.warning(res.message)
                    }
                })
            }

        },
        //基本信息
        blurJbxxChange(name,val,gs,isTip){
            //console.log('我选中了',name,val,gs)
            if(val){
                val = val == '改成时间'?'':val
                let data = {
                    id:this.fromState.id,
                }
                if(name == 1){
                    data = {
                        ...data,
                        ...val,
                    }
                }else{
                    data[name] = gs?moment(val).format(gs):val
                }

                myJbxxUpdateUser(data).then(res=>{
                    if(res.code == 200){
                        //console.log('我选中了2',name,val,gs)
                        if(!isTip){
                            this.$message.success(res.message)
                            this.isTipMessage = false
                        }

                        this.getData(this.fromState.id,this.editOrNot)
                        if(this.fromState.isOwn){
                            this.emit('successChange')
                        }
                        this.$emit('modifiedSuccess')
                    }else{
                        this.$message.warning(res.message)
                    }
                })
            }
        },
        //添加到教育经历
        addJyjl(name,item){
            sysUserJyjladdJyjl(item).then(res=>{
                if(res.code == 200){
                    this.$message.success(res.message)
                }else{
                    this.$message.warning(res.message)
                }
            })
        },
        titleSeriesClick(){//职称系列
            this.$refs.titleSeriesRef.visible = true
            this.$refs.titleSeriesRef.getData()
        },
        selectIntact(xl){//选完职称后
            this.fromState.fzcxl = xl
            this.$refs.titleSeriesRef.visible = false
            this.blurJbxxChange('fzcxl',xl)
            this.getJszcList(xl)

            // fzcxl
        },
        getJszcList(val){
            jcylxdjcjjszcList({fzcxllx2:val}).then(res=>{
                if(res.code == 200){
                    this.jszgList = res.result
                }else{
                    this.$message.warning(res.message)
                }
            })
        },
        searchChange(val){
            if(val){
                this.jszgSearchData = val
            }

            //console.log(val)
        },
        jszgselectblur(val){
            //console.log('专业技术资格1',val)

            this.jszgList.forEach((item,index)=>{
                if(item == val){
                    //console.log('专业技术资格4',val)
                    this.blurJbxxChange('fzc',item.jb,undefined,this.isTipMessage)
                }
            })
            if(this.jszgList.indexOf(val) == -1){
                this.blurJbxxChange('fzyjszg',this.jszgSearchData,undefined)
            }
        },
        jszgselectEvent(val){
            //console.log('专业技术资格2',val)
            this.jszgSearchData = val
            this.jszgList.forEach((item,index)=>{
                if(item.title == val){
                    //console.log('专业技术资格3',val)
                    this.blurJbxxChange('fzc',item.jb,undefined,true)
                }
            })

            this.blurJbxxChange('fzyjszg',val,undefined)
            this.isTipMessage = true
        },
        fzyjszgfocusEvent(){
            this.$refs.fzyjszgPulldownRef.showPanel()
        },
        fzyjszgkeyupEvent(){
            this.$refs.fzyjszgPulldownRef.showPanel()
        },
        fzyjszgInput(){
            this.$refs.fzyjszgPulldownRef.showPanel()
        },
        //头像
        headBeforeUpload(file){
            //console.log(file)
            return false;

        },
        headHandleChange({file}){
            //console.log(file)
            if(!(file.name.indexOf('.png') !== -1 || file.name.indexOf('.jpg') !== -1 || file.name.indexOf('.jpeg') !== -1 || file.name.indexOf('.JPG') !== -1)){
                this.$message.warning('请上传图片（.png、.jpg、JPG和.jpeg）')
                return false
            }
            let that = this
            let imgSizeData = {}
            const reader = new FileReader();
            reader.readAsDataURL(file);
            reader.onload = (event) => {
                const img = new Image();
                img.src = event.target.result;
                img.onload = () => {
                    // 在这里获取图片的宽度和高度
                    imgSizeData.width = img.width;
                    imgSizeData.height = img.height;
                    //console.log(imgSizeData)
                    //console.log(315>imgSizeData.width>275)
                    //console.log(315>imgSizeData.width)
                    //console.log(imgSizeData.width>275)
                    //console.log(433>imgSizeData.height>393)
                    if((315>imgSizeData.width || imgSizeData.width>275)  && (433>imgSizeData.height || imgSizeData.height>393)){
                        const fileData = new FormData();
                        fileData.append("file",file);
                        fileData.append("id",that.fromState.id);
                        jcylxdjcjuploadMyPhoto(fileData).then(res=>{
                            if(res.code !== 200){
                                that.$message.warning('请上传图片（.png、.jpg、JPG和.jpeg）或者联系管理员!')
                            }else{
                                that.getData(that.fromState.id,that.editOrNot)
                                that.$message.success('上传成功')
                            }
                        })
                    }else{
                        that.$message.warning('请上传一寸照（建议：295px*413px）大小的图片')
                    }
                    // 你可以在这里进行自定义操作，例如验证图片尺寸或限制文件类型等。
                };
            };

        },
        //签名
        signBeforeUpload(){
            return false;
        },
        signHandleChange({file}){
            let that = this
            //console.log(file)
            if(!(file.name.indexOf('.png') !== -1 || file.name.indexOf('.jpg') !== -1 || file.name.indexOf('.jpeg') !== -1) || file.name.indexOf('.JPG') !== -1){
                this.$message.warning('请上传图片（.png、.jpg、JPG和.jpeg）')
                return false
            }
            const fileData = new FormData();
            fileData.append("file",file);
            fileData.append("id",that.fromState.id);
            //console.log('签名',fileData)
            jcylxdjcjuploadMyQm(fileData).then(res=>{
                if(res.code !== 200){
                    that.$message.warning('请上传图片（.png、.jpg、JPG和.jpeg）或者联系管理员!')
                }else{
                    that.getData(that.fromState.id,that.editOrNot)
                    that.$message.success('上传成功')
                }
            })
        },
        //添加到工作单位
        addgzjl(item){
            sysUserGzjladdGzjl(item).then(res=>{
                if(res.code == 200){
                    this.$message.success(res.message)
                }else{
                    this.$message.warning(res.message)
                }
            })
        },
        //变更工作单位
        bggzdwclick(){
            this.$refs.increaseBggzdwRef.increaseVisible = true
            this.$refs.increaseBggzdwRef.getData()
        },
        // 科研成果
        achievementChange(val){
          this.achievementRowKeysArr = []
            val.forEach(item => {
                this.achievementRowKeysArr.push(item.id)
            });
        },
        achievementSearchEvent(){
           this.achievementConfig.paramet = {
            ...this.achievementConfig.paramet,
          }
        },
        achievementAddhandle(){
          this.$refs.achievementFormRef.getData({},false)
          this.$refs.achievementFormRef.visible = true
        },
        achievementviewhandle(row){
          this.$refs.achievementFormRef.getData(row,true)
          this.$refs.achievementFormRef.visible = true
        },
        achievementEdithandle(row){
          this.$refs.achievementFormRef.getData(row,false)
          this.$refs.achievementFormRef.visible = true
        },
        achievementDeletehandle(row){
          var that = this
          that.$confirm({
            title: '您确定要删除当条科研成果吗?',
            content: '',
            okText: '确定',
            okType: 'danger',
            cancelText: '取消',
            onOk() {
              deleteFbwz({ids: row.id}).then(res => {
                //console.log(res)
                if(res.code == 200){
                  that.achievementTableKey = Date.now()
                  that.$message.success(res.message)
                } else {
                  that.$message.warning(res.message)
                }
              })
            },
            onCancel() {
              //console.log('Cancel');
            },
          });
        },
        successAchievementForm(){
          this.achievementTableKey = Date.now()
          this.$emit('modifiedSuccess')
        },
        // 奖惩情况
        rewardsAndPunishmentsChange(val){
          this.rewardsAndPunishmentsRowKeysArr = []
            val.forEach(item => {
                this.rewardsAndPunishmentsRowKeysArr.push(item.id)
            });
        },
        rewardsAndPunishmentsSearchEvent(){
           this.rewardsAndPunishmentsConfig.paramet = {
            ...this.rewardsAndPunishmentsConfig.paramet,
          }
        },
        rewardsAndPunishmentsAddhandle(){
          this.$refs.rewardsAndPunishmentsFormRef.getData({},false)
          this.$refs.rewardsAndPunishmentsFormRef.visible = true
        },
        rewardsAndPunishmentsviewhandle(row){
          this.$refs.rewardsAndPunishmentsFormRef.getData(row,true)
          this.$refs.rewardsAndPunishmentsFormRef.visible = true
        },
        rewardsAndPunishmentsEdithandle(row){
          this.$refs.rewardsAndPunishmentsFormRef.getData(row,false)
          this.$refs.rewardsAndPunishmentsFormRef.visible = true
        },
        rewardsAndPunishmentsDeletehandle(row){
          var that = this
          that.$confirm({
            title: '您确定要删除当条奖惩情况吗?',
            content: '',
            okText: '确定',
            okType: 'danger',
            cancelText: '取消',
            onOk() {
              deleteBatchJlcfqk({ids: row.id}).then(res => {
                //console.log(res)
                if(res.code == 200){
                  that.rewardsAndPunishmentsTableKey = Date.now()
                  that.$message.success(res.message)
                } else {
                  that.$message.warning(res.message)
                }
              })
            },
            onCancel() {
              //console.log('Cancel');
            },
          });
        },
        successRewardsAndPunishments(){
            this.rewardsAndPunishmentsTableKey = Date.now()
            this.$emit('modifiedSuccess')
            //console.log('我在这里了？？7778')
        },
        extraAdditionAddhandle(row){
            this.$refs.extraAdditionRef.getData(row,false)
            this.$refs.extraAdditionRef.visible = true
        },
        extraAdditionviewhandle(row){
            this.$refs.extraAdditionRef.getData(row,true)
            this.$refs.extraAdditionRef.visible = true
        },
        extraAdditionEdithandle(row){
            this.$refs.extraAdditionRef.getData(row,false)
            this.$refs.extraAdditionRef.visible = true
        },
        extraAdditionDeletehandle(row){
            var that = this
            that.$confirm({
                title: '您确定要删除吗?',
                content: '',
                okText: '确定',
                okType: 'danger',
                cancelText: '取消',
                onOk() {
                    zyzgkqdeleteBatch({ids: row.id}).then(res => {
                        //console.log(res)
                        if(res.code == 200){
                            that.extraAdditionTableKey = Date.now()
                            that.$message.success(res.message)
                        } else {
                            that.$message.warning(res.message)
                        }
                    })
                },
                onCancel() {
                //console.log('Cancel');
                },
            });
        },
        extraAdditionPunishments(){
            this.extraAdditionTableKey = Date.now()
            // this.$emit('modifiedSuccess')
            //console.log('我在这里了？？7778')
        },
    }
}
</script>
<style lang="less">
.personal-info-index-b1{
    // background: #fff;
    height: 100%;
    overflow: hidden;
    .personal-info-tab-user{

    }
    .ant-tabs-tab{
        font-weight: 400;
        font-size: 16px;
        padding: 8px 16px;
    }
    .ant-tabs-tab-active{
        background-color: #e6f7ff;
    }
    .ant-tabs-bar{
        margin: 0;
        background-color: #fff;
    }
    .ant-tabs-nav .ant-tabs-tab{
        margin-right: 5px;
    }
    .personal-info-content{
        height: calc(100vh - 48px - 116px - 20px);
        overflow-y: auto;
        display: flex;
        justify-content: center;
        margin: 10px 0;
        // padding: 0 10px;
        background: #fff;
        .personal-info-form{
            .ant-form-item{
                margin: 5px 0;
            }
            .ant-form-item-label{
                width: 112px;
            }
            .flex-w-er{
                width: 590px;
                .ant-form-item-control-wrapper{
                    width: calc(100% - 112px);
                }
            }
            .flex-w-yi{

            }
        }

        .ant-input-disabled{
            color: rgba(0, 0, 0, 0.65);
        }
        .personal-info-lb-form{
            padding-left: 10px;
            .ant-form-item-label{
                width: 100px;
                background-color: #e6f7ff;
                height: 40px;
                margin-right: 5px;
                font-weight: 600;
                font-family: simHei !important;

            }
            .zytc-item-f{
                display: flex;
                .ant-form-item-control-wrapper{
                    flex: 1;
                }
            }
        }
        .ant-card-body{
            padding: 5px;
        }
        .personal-info-b-card{

        }
        .ben-personal-info{
            .ant-form-item-label{
                width: 80px;
            }
        }
    }


}
.personal-form-item-jbxx{
    position: relative;
    height: calc(100vh - 215px);
    overflow-y: auto;
    display: flex;
    flex-wrap: nowrap;
    justify-content: flex-start;
    .personal-form-big-box{
        width: calc(100% - 230px);
        table{
            tr:nth-child(5),tr:nth-child(9),tr:nth-child(16),tr:nth-child(19){
                height: 20px;
                th{
                    border-right: 0 !important;
                    background-color: #fff !important;
                }
            }
        }
    }
    th{
        width: 80.4px !important;
    }
    .zjz-dev-box{
        position: fixed;
        right: 28px;
        width: 230px;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: space-around;
        border: 1px solid #e4e3e3;
        // border-left: 0;
        // height: calc(100vh - 215px);
        overflow: auto;
        padding: 0 5px;
    }
    .zm-form-model{
        display: flex;
        .ant-form-item-control-wrapper{
            flex: 1;
        }
    }
    .ant-descriptions-bordered .ant-descriptions-item-label{
        font-weight: 600;
        color: rgba(0, 0, 0, 0.85);
        background-color:#e6f7ff;
        width: 85.4px !important;
        text-align: right;
        font-family:simHei !important;
    }
    .ant-descriptions-bordered .ant-descriptions-item-label, .ant-descriptions-bordered .ant-descriptions-item-content{
        padding: 0px 5px !important;
        line-height: 1;

    }
    .descriptions-label-slot{
        display: flex;
        align-items: center;
        justify-content: center;
        text-align: center;
        padding: 5px;
        width: 75px !important;//确保左侧固定文字不会换行
        .lgz-box-gk{
            width: 56px;
            display: flex;
            justify-content: space-between;
        }
    }
    .xhText{
        display: inline-block;
        color: #f5222d;
        line-height: 31px;
        padding-right: 2px;
        font-size: 14px;
        font-weight: 600;
        height: 30px;
    }
    .descriptions-item-center{

    }
    .ant-form-inline .ant-form-item-with-help{
        margin-bottom: 0px !important;
    }
    .zm-form-model{
        display: flex;
        .ant-form-item-control-wrapper{
            flex: 1;
        }
    }
    .ant-form-item-control-wrapper{
        font-family:仿宋_GB2312 !important;
    }
    .ant-descriptions-bordered .ant-descriptions-row{
        border-bottom: 1px solid #e4e3e3;
    }
    .ant-descriptions-bordered .ant-descriptions-item-label, .ant-descriptions-bordered .ant-descriptions-item-content{
        border-right: 1px solid #e4e3e3;
    }
    .ant-descriptions-bordered .ant-descriptions-view{
        border: 1px solid #e4e3e3;
        border-right: 0;
    }
    .ant-descriptions-row:last-child{
        border-bottom: 0;
    }

}
</style>
